दिलचस्प पोस्ट
मैं एक प्री टैग में पाठ कैसे लपेटूं? सापेक्ष पथ के साथ की आवश्यकता का उपयोग करना आधार वर्ग के स्थिर निर्माता को सुनिश्चित करने का सबसे अच्छा तरीका क्या है? ऐप अपडेट, एनएसURL, और दस्तावेज़ निर्देशिका दो अनुप्रयोगों के बीच स्मृति साझा करना वेक्टर में मानों के आधार पर डेटा फ्रेम से पंक्तियां चुनें PHP में संख्यात्मक HTML संस्थाओं को कैसे व्याख्या करना एचटीएमएल में रिवर्स-ऑर्डर की सूची कैसे प्रदर्शित करें? PHP पृष्ठ HTML आउटपुट को कैसे कम करना है? Symfony2 के साथ एकाधिक फ़ाइल अपलोड करें कोड के माध्यम से फोन गैलरी कैसे खोलें रैपल का रंग, रंग प्राथमिक या रंग क्या होना चाहिए? (सामग्री डिजाइन) सी # में विन्डोज़ फॉर्म्स के लिए विज़ार्ड्स बनाना Android में गतिविधियों के बीच एक गैर-आदिम प्रकार का डेटा पास करना एंड्रॉइड में दो स्थानों के बीच की दूरी क्या है?

jQuery के विकल्प के साथ रेडियो विकल्प को कैसे सेट किया जाता है

रेडियो विकल्प को कैसे सेट किया जा सकता है, जो jQuery के साथ ऑनलोड है?

यह जांचने की आवश्यकता है कि कोई डिफ़ॉल्ट सेट नहीं है और फिर डिफ़ॉल्ट सेट करें

Solutions Collecting From Web of "jQuery के विकल्प के साथ रेडियो विकल्प को कैसे सेट किया जाता है"

कहते हैं कि आपके पास ऐसे रेडियो बटन थे, उदाहरण के लिए:

<input type='radio' name='gender' value='Male'> <input type='radio' name='gender' value='Female'> 

और अगर आप कोई रेडियो चेक न किए जाने पर "माले" ओलोड के मूल्य के साथ एक को देखना चाहते हैं:

 $(function() { var $radios = $('input:radio[name=gender]'); if($radios.is(':checked') === false) { $radios.filter('[value=Male]').prop('checked', true); } }); 

कैसे एक एक लाइनर के बारे में?

 $('input:radio[name="gender"]').filter('[value="Male"]').attr('checked', true); 

यह एक फॉर्म। रीसेट () विफलता का कारण होगा:

 $('input:radio[name=gender][value=Male]').attr('checked', true); 

लेकिन यह एक काम करता है:

 $('input:radio[name=gender][value=Male]').click(); 

JQuery वास्तव में रेडियो और चेकबॉक्स के लिए चेक की गई स्थिति सेट करने के दो तरीके हैं और यह इस पर निर्भर करता है कि आप HTML मार्कअप में मान विशेषता का उपयोग कर रहे हैं या नहीं:

अगर उनके पास मूल्य विशेषता है:

 $("[name=myRadio]").val(["myValue"]); 

यदि उनके पास मूल्य विशेषता नहीं है:

 $("#myRadio1").prop("checked", true); 

अधिक जानकारी

पहले मामले में, हम नाम से पूरे रेडियो समूह को निर्दिष्ट करते हैं और वैल फ़ंक्शन का उपयोग करने के लिए रेडियो को खोजने के लिए JQuery को बताते हैं। वैल फ़ंक्शन 1-तत्व एरेक्स लेता है और रेडियो को मिलान मूल्य के साथ पाता है, इसकी जाँच = सच को सेट करें समान नाम वाले अन्य लोगों को अचयनित किया जाएगा यदि मिलान मूल्य के साथ कोई रेडियो नहीं मिला तो सभी का चयन नहीं किया जाएगा यदि एक ही नाम और मूल्य के साथ कई रेडियो हैं तो आखिरी एक का चयन किया जाएगा और दूसरों को अचयनित किया जाएगा।

यदि आप रेडियो के लिए मूल्य विशेषता का उपयोग नहीं कर रहे हैं, तो आपको समूह में विशिष्ट रेडियो का चयन करने के लिए अद्वितीय आईडी का उपयोग करना होगा। इस मामले में, आपको "चेक" प्रॉपर्टी सेट करने के लिए प्रोप फ़ंक्शन का उपयोग करने की आवश्यकता है बहुत से लोगों को चेक बॉक्स के साथ वैल्यू एट्रिब्यूट का उपयोग नहीं किया जाता है, इसलिए चेकबॉक्स के लिए # 2 अधिक लागू होता है, फिर रेडियो यह भी ध्यान रखें कि चूंकि चेकबॉक्स एक ही नाम के होते हैं, तो आप समूह बनाते नहीं हैं, तो आप $("[name=myCheckBox").prop("checked", true); चेकबॉक्स के लिए

आप यहां इस कोड के साथ खेल सकते हैं: http://jsbin.com/OSULAtu/1/edit?html.output

मुझे @ एएमसी द्वारा जवाब पसंद आया मुझे लगता है कि अभिव्यक्ति को एक फिल्टर () कॉल (@ चाइकाओ ने जाहिरा तौर पर यह भी देखा) का उपयोग नहीं करने के लिए और अधिक बढ़ाया जा सकता है। इसके अलावा, प्रोप () jQuery के v1.6 + के लिए बनाम एट्र () जाने का तरीका है, विषय पर आधिकारिक सर्वोत्तम प्रथाओं के लिए प्रोप () के लिए jQuery के दस्तावेज़ देखें।

@ पाओलो बर्गांटिनो के उत्तर से एक ही इनपुट टैग पर विचार करें।

 <input type='radio' name='gender' value='Male'> <input type='radio' name='gender' value='Female'> 

अद्यतन एक-लाइनर कुछ ऐसा पढ़ सकता है:

 $('input:radio[name="gender"][value="Male"]').prop('checked', true); 

मुझे लगता है कि आप यह मान सकते हैं, कि नाम अद्वितीय है और समूह के सभी रेडियो में एक ही नाम है। तो आप उस तरह jQuery समर्थन का उपयोग कर सकते हैं:

 $("[name=gender]").val(["Male"]); 

नोट: पासिंग सरणी महत्वपूर्ण है।

वातानुकूलित संस्करण:

 if (!$("[name=gender]:checked").length) { $("[name=gender]").val(["Male"]); } 

यदि आप चाहते हैं कि यह वास्तव में गतिशील हो और आने वाले डेटा से मेल खाती रेडियो का चयन करें, यह काम करता है यह डेटा में दिए गए डेटा के लिंग मूल्य का उपयोग कर रहा है या डिफ़ॉल्ट का उपयोग करता है।

 if(data['gender'] == ''){ $('input:radio[name="gender"][value="Male"]').prop('checked', true); }else{ $('input:radio[name="gender"][value="' + data['gender'] +'"]').prop('checked', true); }; 

यह सब की ज़रूरत नहीं है सरल और पुरानी HTML के साथ आप जो चाहें प्राप्त कर सकते हैं। यदि आप रेडियो को इस तरह डिफ़ॉल्ट रूप से चेक करना चाहते हैं:
<input type='radio' name='gender' checked='true' value='Male'>
जब पृष्ठ लोड होता है, तो यह चेक की जाएगी।

  $("form input:[name=gender]").filter('[value=Male]').attr('checked', true); 

यहाँ ऊपर विधियों के साथ उदाहरण है:

 <div class="ui-field-contain"> <fieldset data-role="controlgroup" data-type="horizontal"> <legend>Choose a pet:</legend> <input type="radio" name="radio-choice-2" id="radio-choice-1" value="choice1"> <label for="radio-choice-1">Cat</label> <input type="radio" name="radio-choice-2" id="radio-choice-2" value="choice2"> <label for="radio-choice-2">Dog</label> <input type="radio" name="radio-choice-2" id="radio-choice-3" value="choice3"> <label for="radio-choice-3">Hamster</label> <input type="radio" name="radio-choice-2" id="radio-choice-4" value="choice4"> <label for="radio-choice-4">Lizard</label> </fieldset> </div> 

जावास्क्रिप्ट में:

 $("[name = 'radio-choice-2'][value='choice3']").prop('checked', true).checkboxradio('refresh'); 

और अगर आप अपने मॉडल से एक मान पास करना चाहते हैं और उपयोग के मुकाबले मूल्य के आधार पर लोड पर समूह से एक रेडियो बटन का चयन करना चाहते हैं:

jQuery:

 var priority = Model.Priority; //coming for razor model in this case var allInputIds = "#slider-vertical-" + itemIndex + " fieldset input"; $(allInputIds).val([priority]); //Select at start up 

और एचटीएमएल:

 <div id="@("slider-vertical-"+Model.Id)"> <fieldset data-role="controlgroup" data-type="horizontal" data-mini="true"> <input type="radio" name="@("radio-choice-b-"+Model.Id)" id="@("high-"+Model.Id)" value="1" checked="checked"> <label for="@("high-"+Model.Id)" style="width:100px">@UIStrings.PriorityHighText</label> <input type="radio" name="@("radio-choice-b-"+Model.Id)" id="@("medium-"+Model.Id)" value="2"> <label for="@("medium-"+Model.Id)" style="width:100px">@UIStrings.PriorityMediumText</label> <input type="radio" name="@("radio-choice-b-"+Model.Id)" id="@("low-"+Model.Id)" value="3"> <label for="@("low-"+Model.Id)" style="width:100px">@UIStrings.PriorityLowText</label> </fieldset> </div> 

इस व्यवहार को ध्यान दें जब रेडियो इनपुट मान मिलते हैं:

 $('input[name="myRadio"]').change(function(e) { // Select the radio input group // This returns the value of the checked radio button // which triggered the event. console.log( $(this).val() ); // but this will return the first radio button's value, // regardless of checked state of the radio group. console.log( $('input[name="myRadio"]').val() ); }); 

तो $('input[name="myRadio"]').val() रेडियो इनपुट के चेक किए गए मान को वापस नहीं करता, जैसा कि आप उम्मीद कर सकते हैं – यह पहले रेडियो बटन का मूल्य देता है

देशी जेएस समाधान:

  document.querySelector('input[name=gender][value=Female]').checked = true; 

http://jsfiddle.net/jzQvH/75/

HTML:

 <input type='radio' name='gender' value='Male'> Male <input type='radio' name='gender' value='Female'>Female 

// अगर आप इसे जावास्क्रिप्ट या रीढ़ की हड्डी की तरह एक फ्रेमवर्क पर कर रहे हैं, तो आप इस बात का सामना करेंगे कि आपके पास ऐसा कुछ हो सकता है

 $MobileRadio = $( '#mobileUrlRadio' ); 

जबकि

 $MobileRadio.checked = true; 

काम नहीं करेगा,

 $MobileRadio[0].checked = true; 

मर्जी।

आपका चयनकर्ता ऊपर सुझाए गए अन्य लोगों के रूप में भी हो सकता है।