खोज…


परिचय

मैंने विभिन्न Stackoverflow उदाहरणों और उत्तरों का उपयोग किया है, इस पर वास्तव में सरल उदाहरण आया है कि "चेक ऑल" चेकबॉक्स को कैसे प्रबंधित किया जाए, यदि किसी भी समूह के चेकबॉक्स की स्थिति बदल जाती है, तो स्वचालित चेक / अनचेक के साथ युग्मित। बाधा: "सभी का चयन करें" आईडी सभी समूह बनाने के लिए इनपुट नामों से मेल खाना चाहिए। उदाहरण में, इनपुट सभी आईडी का चयन cbGroup1 है। इनपुट नाम cbGroup1 भी हैं

कोड बहुत छोटा है, बहुत अधिक नहीं अगर कथन (समय और संसाधन खपत)।

2 संबंधित समूह चेकबॉक्स के साथ सभी चेकबॉक्स का चयन करें

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<p>
<input id="cbGroup1" type="checkbox">Select all
<input name="cbGroup1" type="checkbox" value="value1_1">Group1 value 1
<input name="cbGroup1" type="checkbox" value="value1_2">Group1 value 2
<input name="cbGroup1" type="checkbox" value="value1_3">Group1 value 3
</p>
<p>
<input id="cbGroup2" type="checkbox">Select all
<input name="cbGroup2" type="checkbox" value="value2_1">Group2 value 1
<input name="cbGroup2" type="checkbox" value="value2_2">Group2 value 2
<input name="cbGroup2" type="checkbox" value="value2_3">Group2 value 3
</p>

<script type="text/javascript" language="javascript">
    $("input").change(function() {
      $('input[name=\''+this.id+'\']').not(this).prop('checked', this.checked);
      $('#'+this.name).prop('checked', $('input[name=\''+this.name+'\']').length === $('input[name=\''+this.name+'\']').filter(':checked').length);      
    });
</script>


Modified text is an extract of the original Stack Overflow Documentation
के तहत लाइसेंस प्राप्त है CC BY-SA 3.0
से संबद्ध नहीं है Stack Overflow