JQuery - मान द्वारा एक रेडियो बटन खोजें

95

मैं अपने मूल्य से रेडियो बटन खोजने के लिए JQuery का उपयोग कैसे करूंगा?

jquery radio-button

— वैन
स्रोत

142

इसे इस्तेमाल करे:

$(":radio[value=foobar]")

यह विशेषता वाले सभी रेडियो बटन का चयन करेगा value="foobar"।

— Gumbo
स्रोत

धन्यवाद मैंने इसे इस तरह से उपयोग किया: jQuery.each (cookieObj, function (i, val) {$ (": रेडियो [value = val]")। attr ('चेक किया हुआ, सत्य);});

— वैन

3

: @test: इस के बजाय का प्रयास करेंfunction(i, val) { $(":radio[value="+val+"]").attr('checked',true); }

— Gumbo

1

@Gumbo अगर हम उस फंक्शन को एक नाम देते हैं, तो क्या हम इसे ऐसा कह सकते हैं ?: $ checkRadioValues = findChecked ("value");

— बेन सीयर्ड्स

25

मैं jQuery 1.6 का उपयोग कर रहा हूं और यह मेरे लिए काम नहीं कर रहा है: $(":radio[value=foobar]").attr('checked',true);

इसके बजाय, मैं उपयोग कर रहा हूं: $('[value="foobar"]').attr('checked',true); और यह बहुत अच्छा काम करता है।

मैं जिस वास्तविक कोड का उपयोग कर रहा हूं वह पहले रेडियो को साफ करता है और propइसके बजाय उपयोग करता हैattr

$('[name=menuRadio]').prop('checked',false);

$('[name=menuRadio][value="Bar Menu"]').prop('checked',true);

— dogatonic
स्रोत

क्या यह एक बग था जिसे ठीक किया गया था? या क्या हमें अभी भी मूल्य के आसपास उद्धरण देना चाहिए?

— सिमोन_वेर

19

इसे इससे भी प्राप्त किया जा सकता है:

$('input[type="radio"][value="aaa"]').val();

यह रेडियो का चयन करेगा जिसमें आ का मान है

.filter()विधि के साथ :

var radio =  $('input[type="radio"]').filter(function(){
                       return this.value === 'aaa';
                      }).val();

— जय
स्रोत

1

यह वास्तव में सभी रेडियो बटन का चयन करें और होगा उनके मूल्यों को बदल करने के लिए aaaतो लौट'aaa'

— bendman

5

आप HTML में ऐसा कुछ कहते हैं:

<fieldset>
    <input type="radio" name="UI_opt" value="alerter" checked> Alerter<br/>
    <input type="radio" name="UI_opt" value="printer"> Printer<br/>
    <input type="radio" name="UI_opt" value="consoler"> Consoler<br/>
</fieldset>

तब इस तरह की बात काम करती है।

$("fieldset input[name='UI_opt'][checked]").val()

— डायलन ट्रेवेना
स्रोत

2

एक पूर्ण चयनकर्ता इस तरह दिखेगा:

bool shipToBilling = $("[name=ShipToBillingAddress][value=True]")

यह देखते हुए कि आपके पास संभवतः इस तरह के एक से अधिक रेडियो बटन समूह हैं

<input name="ShipToBillingAddress" type="radio" value="True" checked="checked">
<input name="ShipToBillingAddress" type="radio" value="False">

<input name="SomethingElse" type="radio" value="True" checked="checked">
<input name="SomethingElse" type="radio" value="False">

इस तरह (अगले उदाहरण) एक आईडी चयनकर्ता का उपयोग करना बुरा है क्योंकि आपके पास एक ही आईडी के साथ कई तत्व नहीं होने चाहिए। मुझे लगता है कि किसी को यह सवाल पता है कि यह पहले से ही पता है कि यह खराब है।

$("#DidYouEnjoyTheMovie:radio[value=yes]")

निम्नलिखित के बारे :radioमें रुचि हो सकती है या नहीं

क्योंकि: रेडियो एक jQuery एक्सटेंशन है और CSS विनिर्देशन का हिस्सा नहीं है, उपयोग करने वाले प्रश्न: रेडियो देशी DOM querySelectorAll () विधि द्वारा प्रदान किए गए प्रदर्शन को बढ़ावा देने का लाभ नहीं उठा सकता है। आधुनिक ब्राउज़रों में बेहतर प्रदर्शन के लिए, इसके बजाय [प्रकार = "रेडियो"] का उपयोग करें।

— Simon_Weaver
स्रोत