javascript - जाँच करें कि चेकबॉक्स की जाँच की है या नहीं jquery का उपयोग कर




html checkbox (6)

आप इसका उपयोग भी कर सकते हैं

if($("#checkbox_id").is(':checked'))

मैं यह जांचना चाहता हूं कि क्या चेकबॉक्स की जाँच की गई है या नहीं jquery का उपयोग। मैं इसे चेकबॉक्स के ऑनक्लिक ईवेंट पर देखना चाहता हूं।

<input type="checkbox" onclick="javascript:check_action();" id="Public(Web)" checked="checked" value="anyone" name="data[anyone]">

क्या यह संभव है? कैसे?

धन्यवाद।


आप इसे is() विधि का उपयोग कर सकते हैं:

$('##Public_Web').click(function(){
  if ($(this).is(':checked')){
    alert('Checked');
  }
  else{
    alert('Not Checked');
  }
});

अगर आप किसी फ़ॉर्म के अंदर सभी चेकबॉक्स के लिए ऐसा करना चाहते हैं, तो आप इसका उपयोग कर सकते हैं :checkbox फिल्टर चयनकर्ता:

$('#form_id :checkbox').click(function(){
  alert(this.checked);
});

दस्तावेज़ को तैयार हैंडलर में अपना कोड लपेट करना सुनिश्चित करें:

 $(document).ready(function() {
      // code....
  });

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

if(!$('#elementid').is(':checked')){
    alert('Not checked');
}else{
    alert('checked');
}

यहाँ एक और उदाहरण है, ऐलेमेंट में एक onClick ईवेंट का उपयोग करने के बजाय मैं एक श्रोता का उपयोग करना पसंद करता हूं, लेकिन आईडी से ब्रैकेट को निकालता हूं, यह आपको कुछ ब्राउज़रों में एक कठिन समय देगा।

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html><head>
<input type="checkbox" id="PublicWeb" checked="checked" value="anyone" name="data[anyone]" />
<script type='text/javascript' src='http://code.jquery.com/jquery-latest.min.js'></script>
<script>
$(document).ready(function(){
    $('#PublicWeb').click(function(){
        if($(this).is(':checked')){
            alert("its checked alright");
        }
    });
});
</script>
</head><body></body></html>

सबसे पहले, javascript: उपयोग न करें javascript: इवेंट हैंडलर विशेषता में। यह गलत है और केवल इसलिए काम करता है क्योंकि यह मान्य JavaScript वाक्यविन्यास होता है। दूसरा, आपका id वैध नहीं है। id एट्रिब्यूट में पैरेन्थेसस की अनुमति नहीं है (एचटीएमएल 4 में कम से कम एचटीएमएल 5 इस प्रतिबंध को हटा देता है)। तीसरा, यदि आप jQuery का उपयोग कर रहे हैं तो शायद click ईवेंट को संभालने के लिए इसकी click() विधि का उपयोग करने के लिए समझ में आता है, हालांकि इस बात से अवगत रहें कि इसका उपयोग करने के लिए इसका मतलब यह होगा कि यदि उपयोगकर्ता दस्तावेज़ लोड होने से पहले चेकबॉक्स पर क्लिक करता है आपकी स्क्रिप्ट इसे नियंत्रित नहीं करेगा

<input type="checkbox" id="Public_Web" checked value="anyone"
    name="data[anyone]">

$(document).ready(function() {
    $("#Public_Web").click(function() {
        if (this.checked) {
            alert("Checked!");
        }
    });
});

सबसे पहले, इनलाइन के बजाय स्क्रिप्ट टैग में ईवेंट को बाध्य करें। यह अनुसरण करना बहुत आसान है और आपके एचटीएमएल को और अधिक पठनीय बना देता है। फिर आप jQuery चयनकर्ता का उपयोग कर सकते हैं :checked यह निर्धारित करने के लिए चेक बॉक्स चेक किया गया है या नहीं। तब आप तत्व की checked विशेषता का उपयोग कर सकते हैं

$(document).ready(function(){
    $('#Public(Web)').click(function(){
        if (this.checked) {
            // do your code here
        }
    });
});




checked