javascript - जांचें कि jQuery के साथ चेकबॉक्स चेक किया गया है या नहीं




checkbox (13)

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

सभी नीचे विधियां संभव हैं

elem.checked 

$(elem).prop("checked") 

$(elem).is(":checked") 

चेकबॉक्स सरणी की आईडी का उपयोग करके चेकबॉक्स सरणी में चेकबॉक्स चेक किया गया है या नहीं, मैं कैसे जांच सकता हूं?

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

function isCheckedById(id) {
  alert(id);
  var checked = $("input[@id=" + id + "]:checked").length;
  alert(checked);

  if (checked == 0) {
    return false;
  } else {
    return true;
  }
}

JQuery documentation अनुसार चेकबॉक्स चेक किया गया है या नहीं, यह जांचने के लिए निम्न तरीके हैं। उदाहरण के लिए चेकबॉक्स पर विचार करें (सभी उदाहरणों के साथ काम कर रहे jsfiddle जांचें)

<input type="checkbox" name="mycheckbox" id="mycheckbox" />
<br><br>
<input type="button" id="test-with-checked" value="Test with checked" />
<input type="button" id="test-with-is" value="Test with is" />
<input type="button" id="test-with-prop" value="Test with prop" />

उदाहरण 1 - चेक के साथ

$("#test-with-checked").on("click", function(){
    if(mycheckbox.checked) {
        alert("Checkbox is checked.");
    } else {
        alert("Checkbox is unchecked.");
    }
}); 

उदाहरण 2 - jQuery के साथ, नोट -: चेक किया गया

var check;
$("#test-with-is").on("click", function(){
    check = $("#mycheckbox").is(":checked");
    if(check) {
        alert("Checkbox is checked.");
    } else {
        alert("Checkbox is unchecked.");
    }
}); 

उदाहरण 3 - jQuery प्रोप के साथ

var check;
$("#test-with-prop").on("click", function(){
    check = $("#mycheckbox").prop("checked");
    if(check) {
         alert("Checkbox is checked.");
    } else {
        alert("Checkbox is unchecked.");
    }
}); 

काम कर रहे jsfiddle जांचें


आईडी आपके दस्तावेज़ में अद्वितीय होनी चाहिए, जिसका अर्थ है कि आपको यह नहीं करना चाहिए :

<input type="checkbox" name="chk[]" id="chk[]" value="Apples" />
<input type="checkbox" name="chk[]" id="chk[]" value="Bananas" />

इसके बजाय, आईडी ड्रॉप करें, और फिर उन्हें नाम से या किसी तत्व के द्वारा चुनें:

<fieldset id="checkArray">
    <input type="checkbox" name="chk[]" value="Apples" />

    <input type="checkbox" name="chk[]" value="Bananas" />
</fieldset>

और अब jQuery:

var atLeastOneIsChecked = $('#checkArray:checkbox:checked').length > 0;
//there should be no space between identifier and selector

// or, without the container:

var atLeastOneIsChecked = $('input[name="chk[]"]:checked').length > 0;

आप jquery द्वारा निम्न में से किसी भी अनुशंसित कोड का उपयोग कर सकते हैं।

if ( elem.checked ) {};
if ( $( elem ).prop( "checked" ) ) {};
if ( $( elem ).is( ":checked" ) ) {};

आप इसे आजमा सकते हैं:

<script>
function checkAllCheckBox(value)
{
   if($('#select_all_').is(':checked')){
   $(".check_").attr ( "checked" ,"checked" );
    }
    else
    {
        $(".check_").removeAttr('checked');
    }

 }

</script>
<input type="checkbox" name="chkbox" id="select_all_" value="1" />


<input type="checkbox" name="chkbox" class="check_" value="Apples" />
<input type="checkbox" name="chkbox" class="check_" value="Bananas" />
<input type="checkbox" name="chkbox" class="check_" value="Apples" />
<input type="checkbox" name="chkbox" class="check_" value="Bananas" />

आप इसे बस पसंद कर सकते हैं;

कामकाजी पहेली

एचटीएमएल

<input id="checkbox" type="checkbox" />

jQuery

$(document).ready(function () {
    var ckbox = $('#checkbox');

    $('input').on('click',function () {
        if (ckbox.is(':checked')) {
            alert('You have Checked it');
        } else {
            alert('You Un-Checked it');
        }
    });
});

या यहां तक ​​कि सरल;

$("#checkbox").attr("checked") ? alert("Checked") : alert("Unchecked");

यदि checkbox है तो यह true वापस लौटाएगा अन्यथा undefined


एक आईडी के साथ चेकबॉक्स के लिए

<input id="id_input_checkbox13" type="checkbox"></input>

आप बस कर सकते हैं

$("#id_input_checkbox13").prop('checked')

आपको उपरोक्त वाक्यविन्यास के लिए वापसी मान के रूप में true या false मिलेगा। अगर आप सामान्य बुलियन अभिव्यक्ति के रूप में खंड में इसका उपयोग कर सकते हैं।


एक चेक बॉक्स की जांच और सेटिंग के लिए सरल डेमो।

jsfiddle !

$('.attr-value-name').click(function() {
    if($(this).parent().find('input[type="checkbox"]').is(':checked'))
    {
        $(this).parent().find('input[type="checkbox"]').prop('checked', false);
    }
    else
    {
        $(this).parent().find('input[type="checkbox"]').prop('checked', true);
    }
});

चेकबॉक्स चेकआउट टॉगल करें

$("#checkall").click(function(){
    $("input:checkbox").prop( 'checked',$(this).is(":checked") );
})

निम्नलिखित सभी विधियां उपयोगी हैं:

$('#checkbox').is(":checked")

$('#checkbox').prop('checked')

$('#checkbox')[0].checked

$('#checkbox').get(0).checked

यह अनुशंसा की जाती है कि डोमेलेमेंट या इनलाइन "this.checked" से बचा जाना चाहिए इसके बजाय jQuery पर विधि को ईवेंट श्रोता का उपयोग किया जाना चाहिए।


बस मेरे उदाहरण में कहने के लिए स्थिति एक संवाद बॉक्स था जिसने संवाद बंद करने से पहले चेक बॉक्स को सत्यापित किया था। ऊपर से कोई भी नहीं और कैसे जांचें कि jQuery में चेकबॉक्स चेक किया गया है या नहीं? और jQuery अगर चेकबॉक्स चेक किया गया है तो काम करने के लिए प्रतीत नहीं होता है।

अंततः

<input class="cb" id="rd" type="checkbox">
<input class="cb" id="fd" type="checkbox">

var fd=$('.cb#fd').is(':checked');
var rd= $('.cb#rd').is(':checked');

इसने क्लास को आईडी को कॉल करने के लिए काम किया। सिर्फ आईडी की बजाय। यह इस पृष्ठ पर घोंसला वाले डीओएम तत्वों के कारण हो सकता है। कामकाज ऊपर था।


यह जांचने के लिए jQuery कोड है कि चेकबॉक्स चेक किया गया है या नहीं:

if($('input[name="checkBoxName"]').is(':checked'))
{
  // checked
}else
{
 // unchecked
}

वैकल्पिक रूप से:

if($('input[name="checkBoxName"]:checked'))
{
    // checked
}else{
  // unchecked
}

$('#checkbox').is(':checked'); 

यदि चेकबॉक्स चेक किया गया है या नहीं तो उपर्युक्त कोड सत्य लौटाता है।





checkbox