javascript - JQuery के साथ एक रेडियो बटन कैसे जांचें?




forms radio-button (17)

मैं jQuery के साथ एक रेडियो बटन की जांच करने की कोशिश करता हूँ। मेरा कोड यहाँ है:

<form>
    <div id='type'>
        <input type='radio' id='radio_1' name='type' value='1' />
        <input type='radio' id='radio_2' name='type' value='2' />
        <input type='radio' id='radio_3' name='type' value='3' /> 
    </div>
</form>

और जावास्क्रिप्ट:

jQuery("#radio_1").attr('checked', true);

काम नहीं करता है:

jQuery("input[value='1']").attr('checked', true);

काम नहीं करता है:

jQuery('input:radio[name="type"]').filter('[value="1"]').attr('checked', true);

काम नहीं करता है:

क्या आपके पास एक और विचार है? मैं क्या खो रहा हूँ?


मैं इस कोड का उपयोग करता हूं:

मुझे अंग्रेजी के लिए खेद है।

var $j = jQuery.noConflict();

$j(function() {
    // add handler
    $j('#radio-1, #radio-2').click(function(){

        // find all checked and cancel checked
        $j('input:radio:checked').prop('checked', false);

        // this radio add cheked
        $j(this).prop('checked', true);
    });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<fieldset class="section">
  <legend>Radio buttons</legend>
  <label>
    <input type="radio" id="radio-1" checked>
    Option one is this and that&mdash;be sure to include why it's great
  </label>
  <br>
  <label>
    <input type="radio" id="radio-2">
    Option two can be something else
  </label>
</fieldset>


JQuery 1.6 में जोड़ा गया एक और फ़ंक्शन प्रोप (), जो एक ही उद्देश्य पर कार्य करता है।

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

अगर कोई भी jQuery UI का उपयोग करते समय इसे प्राप्त करने का प्रयास कर रहा है, तो आपको अपडेट किए गए मान को दर्शाने के लिए UI चेकबॉक्स ऑब्जेक्ट को रीफ्रेश करने की भी आवश्यकता होगी:

$("#option2").prop("checked", true); // Check id option2
$("input[name='radio_options']").button("refresh"); // Refresh button set

अगर संपत्ति का name काम नहीं करता है तो यह न भूलें कि id अभी भी मौजूद है। यह उत्तर उन लोगों के लिए है जो id को लक्षित करना चाहते हैं कि आप कैसे करते हैं।

$('input[id=element_id][value=element_value]').prop("checked",true);

क्योंकि संपत्ति का name मेरे लिए काम नहीं करता है। सुनिश्चित करें कि आप id और name को डबल / सिंगल कोटेशन के साथ नहीं रखते हैं।

चीयर्स!


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

 $("input:checked", "#radioButton").val()

अगर चेक रिटर्न True तो चेक रिटर्न चेक नहीं किया जाता है

jQuery v1.10.1

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

$(document).ready(function(){
    $("input[name='type']:radio").change(function(){
        if($(this).val() == '1')
        {
          // do something
        }
        else if($(this).val() == '2')
        {
          // do something
        }
        else if($(this).val() == '3')
        {
          // do something
        }
    });
});


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

$(document).ready(function(){
  $("#Id").prop("checked", true).checkboxradio('refresh');
});

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

वैल्यू का उपयोग करके रेडियो बटन को जांचने के लिए।

$('input[name=type][value=2]').attr('checked', true); 

या

$('input[name=type][value=2]').attr('checked', 'checked');

या

$('input[name=type][value=2]').prop('checked', 'checked');

आईडी का उपयोग कर रेडियो बटन को जांचने के लिए इसका इस्तेमाल करें।

$('#radio_1').attr('checked','checked');

या

$('#radio_1').prop('checked','checked');

उदाहरण के साथ इसे आजमाएं

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="myForm">
<input type="radio" name="radio" value="first"/> 1 <br/>
<input type="radio" name="radio" value="second"/> 2 <br/>
</form>


<script>
$(document).ready(function () {
    $('#myForm').on('click', function () {
        var value = $("[name=radio]:checked").val();

        alert(value);
    })
});
</script>

मूल्य प्राप्त करें:

$("[name='type'][checked]").attr("value");

मूल्य ते करना:

$(this).attr({"checked":true}).prop({"checked":true});

रेडियो बटन चेक एटआर जोड़ें क्लिक करें:

$("[name='type']").click(function(){
  $("[name='type']").removeAttr("checked");
  $(this).attr({"checked":true}).prop({"checked":true});
});

मेरे पास अभी भी एक ही समस्या है, इसका उपयोग करने का एक सरल समाधान है:

.click()

यदि आप फ़ंक्शन कॉल करने के बाद रेडियो रीफ्रेश करते हैं तो कोई अन्य समाधान काम करेगा।


समाधान से ऊपर कुछ बार काम नहीं करते हैं, तो आप नीचे आज़मा सकते हैं:

jQuery.uniform.update(jQuery("#yourElementID").attr('checked',true));
jQuery.uniform.update(jQuery("#yourElementID").attr('checked',false));

एक और तरीका आप कोशिश कर सकते हैं:

jQuery("input:radio[name=yourElementName]:nth(0)").attr('checked',true);

हमें यह बताना चाहिए कि यह एक radio बटन है। तो कृपया निम्नलिखित कोड के साथ प्रयास करें।

$("input[type='radio'][name='userRadionButtonName']").prop('checked', true);

$.prop रास्ता बेहतर है:

$(document).ready(function () {                            
    $("#radio_1").prop('checked', true);        
});

और आप इसे निम्न की तरह जांच सकते हैं:

$(document).ready(function () {                            
    $("#radio_1, #radio_2", "#radio_3").change(function () {
        if ($("#radio_1").is(":checked")) {
            $('#div1').show();
        }
        else if ($("#radio_2").is(":checked")) {
            $('#div2').show();
        }
        else 
            $('#div3').show();
    });        
});

$("#radio_1").attr('checked', true);
//or
$("#radio_1").attr('checked', 'checked');

function rbcitiSelction(e) {
     debugger
    $('#trpersonalemail').hide();
    $('#trcitiemail').show();
}

function rbpersSelction(e) {
    var personalEmail = $(e).val();
    $('#trpersonalemail').show();
    $('#trcitiemail').hide();
}

$(function() {  
    $("#citiEmail").prop("checked", true)
});






radio-button