जावास्क्रिप्ट के साथ चेकबॉक्स चेक/अनचेक करें?

Question

जावास्क्रिप्ट या jQuery का उपयोग कर चेकबॉक्स को चेक/अनचेक किया जा सकता है?

Answer 1

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

// Check 
document.getElementById("checkbox").checked = true; 

// Uncheck 
document.getElementById("checkbox").checked = false; 

jQuery (1.6+):

// Check 
$("#checkbox").prop("checked", true); 

// Uncheck 
$("#checkbox").prop("checked", false); 

jQuery (1.5):

// Check 
$("#checkbox").attr("checked", true); 

// Uncheck 
$("#checkbox").attr("checked", false); 

Answer 2

जाँच करने के लिए:

document.getElementById("id-of-checkbox").checked = true; 

अनचेक करने के लिए:

document.getElementById("id-of-checkbox").checked = false; 

Answer 3

हम के रूप में एक कण चेकबॉक्स चेक कर सकते हैं,

$('id of the checkbox')[0].checked = true 

और से सही का निशान हटाएँ,

$('id of the checkbox')[0].checked = false 

Answer 4

महत्वपूर्ण व्यवहार है कि अभी तक का उल्लेख नहीं किया गया है:

प्रोग्रामिंग रूप से को विशेषता की जांच की गई है, चेकबॉक्स की change ईवेंट को आग नहीं देती है।

स्वयं देखें इस बेला में:
http://jsfiddle.net/fjaeger/L9z9t04p/4/

(फिडल क्रोम 46, फ़ायरफ़ॉक्स 41 और IE 11 में परीक्षण)

click() विधि

कुछ दिन तुम अपने आप को मिल सकती है कोड लिखना, जो घटना को निकाल दिया जाता है। विशेष रूप से यह true या false को स्थापित करने की

document.getElementById('checkbox').click(); 

हालांकि, इस चेकबॉक्स की जाँच की स्थिति को टॉगल करता है, बजाय: सुनिश्चित करें कि घटना आग बनाने के लिए, फोन चेकबॉक्स तत्व की click() विधि, इस तरह। याद रखें कि change ईवेंट केवल आग लगाना चाहिए, जब चेक किए गए गुण वास्तव में बदलते हैं।

यह भी jQuery तरह से करने के लिए लागू होता है: विशेषता prop या attr का उपयोग कर की स्थापना, change ईवेंट सक्रिय नहीं है।

एक विशिष्ट मूल्य

आप checked विशेषता परीक्षण कर सकते हैं करने के लिए checked स्थापना click() विधि कॉल करने से पहले।उदाहरण:

function toggle(checked) { 
    var elm = document.getElementById('checkbox'); 
    if (checked != elm.checked) { 
    elm.click(); 
    } 
} 

क्लिक विधि के बारे में यहाँ और अधिक पढ़ें:
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/click

Answer 5

मैं नोट करने के लिए, कि एक गैर रिक्त स्ट्रिंग पर 'को चेक किया' विशेषता की स्थापना एक जाँच बॉक्स की ओर जाता है चाहते हैं।

आप के लिए "गलत", चेकबॉक्स जाँच की जाएगी 'को चेक किया' विशेषता सेट तो अगर। मैं, अशक्त रिक्त स्ट्रिंग पर मान सेट करने के लिए किया था या बुलियन मान झूठी आदेश सुनिश्चित करें चेकबॉक्स चेक नहीं किया गया था बनाने के लिए।

Answer 6

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('.selecctall').click(function (event) { 
      if (this.checked) { 
       $('.checkbox1').each(function() { 
        this.checked = true; 
       }); 
      } else { 
       $('.checkbox1').each(function() { 
        this.checked = false; 
       }); 
      } 
     }); 

    }); 

</script> 

Answer 7

इस प्रयास करें:

//Check 
document.getElementById('checkbox').setAttribute('checked', 'checked'); 

//UnCheck 
document.getElementById('chk').removeAttribute('checked'); 

Answer 8

function setCheckboxValue(checkbox,value) { 
    if (checkbox.checked!=value) 
     checkbox.click(); 
}