2012-01-13 17 views
15

इस आदेश का उपयोग करके 'यह' चेकबॉक्स चेक किया गया है, तो मैं कैसे काम कर सकता हूं?जांचें कि 'यह' चेकबॉक्स चेक किया गया है

मैं निम्नलिखित लेकिन यकीन नहीं है कि यह कैसे लागू करने के लिए (इसलिए यह केवल पेज

if ($('input[type="checkbox"]').is(':checked') 

उत्तर

22

क्या इस बारे में सब के बजाय चयनित एकल चेकबॉक्स की जाँच करता है?

if($(this).is(':checked')) 
+0

धन्यवाद मैंने अभी इसे काम किया है! Doh अच्छा एक दोस्त जल्द ही जवाब स्वीकार करेगा :) – Zabs

+3

यह काम करता है, लेकिन यह अच्छा अभ्यास नहीं है। मेरा जवाब देखें कि यह बहुत अक्षम क्यों है। – lonesomeday

12

मुमकिन है आप एक घटना हैंडलर के संदर्भ में this का मतलब है ... इस मामले में, बस checked संपत्ति का परीक्षण करें:

$('input[type="checkbox"]').click(function() { 
    if (this.checked) { 
     // checkbox clicked is now checked 
    } 
}); 

ध्यान दें कि आप निम्न विधियों के साथ भी ऐसा कर सकते हैं:

  • $(this).is(':checked')
  • $(this).prop('checked')

हालांकि, this.checked एक नया jQuery वस्तु बनाने से बचा जाता है, अब तक अधिक कुशल (और तेज है कोड के लिए)। is सबसे धीमा है: prop जितना समय लगता है और सरल संपत्ति लुकअप के रूप में लगभग 100 गुना अधिक होता है।

jsPerf comparison between this techniques

3

आप आईडी का भी उपयोग कर की जरूरत है। इनपुट [टाइप = "चेकबॉक्स"] चयनकर्ता 'सभी चेकबॉक्स लौटाएगा।

if ($('#Checkbox1').is(':checked')) 

जहां Checkbox1 चेकबॉक्स,

1

निम्नलिखित कोशिश जहां आईडी

$('#edit-checkbox-id').is(':checked'); 

जानते हैं या यदि आप पहले से ही इस कीवर्ड के साथ आइटम की बात कर रहे की आईडी है

$(this).is(':checked'); 
1

मैं निम्नलिखित का उपयोग करता हूं:

(सूचकांक 0)
$(this).find('input[type="checkbox"]:checked') 

इस उदाहरण देता है सब चेकबॉक्स

2

जांच की गई तो आप इस तरह आपका मतलब है:

if ($(':checkbox').get(0).is(':checked')) 

या इस तरह:

if ($(this).is(':checked')) 
2

prop() में देखो: http://api.jquery.com/prop/

डी ओसीएस "चेक किए गए" चेकबॉक्स की जांच के लिए बेहतर तरीके प्रदान करता है।

elem.checked      | true (Boolean) Will change with checkbox state 
$(elem).prop("checked")   | true (Boolean) Will change with checkbox state 
elem.getAttribute("checked")  | "checked" (String) Initial state of the checkbox; does not change 
$(elem).attr("checked")(1.6)  | "checked" (String) Initial state of the checkbox; does not change 
$(elem).attr("checked")(1.6.1+) | "checked" (String) Will change with checkbox state 
$(elem).attr("checked")(pre-1.6) | true (Boolean) Changed with checkbox state 
संबंधित मुद्दे