JQuery का उपयोग करके सभी चेकबॉक्स की जांच कैसे करें?

Question

मैं jQuery के साथ विशेषज्ञ नहीं हूं लेकिन मैंने अपने आवेदन के लिए थोड़ी स्क्रिप्ट बनाने की कोशिश की है। मैं सभी चेकबॉक्स की जांच करना चाहता हूं, लेकिन यह सही ढंग से काम नहीं कर रहा है।

पहले मैंने उपयोग करने की कोशिश की attrऔर उसके बाद मैंने कोशिश की propलेकिन मैं कुछ गलत कर रहा हूं।

मैंने पहली बार यह कोशिश की:

$("#checkAll").change(function(){

  if (! $('input:checkbox').is('checked')) {
      $('input:checkbox').attr('checked','checked');
  } else {
      $('input:checkbox').removeAttr('checked');
  }       
});

लेकिन यह काम नहीं किया।

अगला: यह उपरोक्त कोड से बेहतर काम करता है

$("#checkAll").change(function(){

  if (! $('input:checkbox').is('checked')) {
      $('input:checkbox').prop('checked',true);
  } else {
      $('input:checkbox').prop('checked', false);
  }       
});

दोनों उदाहरण काम नहीं करते।

JSFiddle: http://jsfiddle.net/hhZfu/4/

Comments

.prop () बनाम .attr ()

— Liam

JQuery के साथ सभी चेकबॉक्स

— स्टीवर्ट

यहाँ मेरे कोडपेन की एक कड़ी है जो वास्तव में इस कोडपन को

— Nixon Kosgei

Answer 1

आपको चेक की गई प्रॉपर्टी को सेट करने के लिए .prop () का उपयोग करना होगा

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

डेमो: फिडल

Comments

तेज उत्तर के लिए वाह धन्यवाद। यह काम अच्छा है लेकिन मेरे ऐप में मेरे पास एक नकली चेक है। जब मैं पेज को रिफ्रेश करता हूं ctrl+rऔर चेकबॉक्स पर क्लिक करता checkAllहूं तो वह मुझे चेक नहीं करता है। उसके बाद मुझे फिर से सफल होने के लिए जाँच करनी चाहिए। इसलिए मुझे checkAllwhay पर 2x क्लिक की आवश्यकता है जो न तो सिंगल क्लिक (एक) पर काम करते हैं? मैं उस कोड को कॉपी करता हूं और फ़ंक्शन करता checkAll()हूं और चेकबॉक्स में सेट करता हूंonclick="return checkAll()"

— इवान

यदि आप jQuery का उपयोग करने जा रहे हैं, तो jQuery का उपयोग करें। इनलाइन जावास्क्रिप्ट के साथ jQuery को मिलाना अच्छा विचार नहीं है। उदाहरण के लिए, यह खराब है: <elementtag id="someID" onclick="javascript code here"--- इसके बजाय, jQuery का उपयोग करें:$('#someID').click(function() { checkAll() });

— cssyphus

क्या अपनी पोस्ट के बीच का अंतर है इस सवाल का जवाब, क्यों इस्तेमाल किया not(this).prop?

— 8

@ArunPJohny, id एक पृष्ठ में अद्वितीय होनी चाहिए, हम क्लास उदाहरण jsfiddle.net/52uny55w

— कृष्ण जोनलनागड्डा

@ArunPJohny, आप समय के लिए धन्यवाद। मैं आपसे jquery पर बहुत सी बातें सीखना चाहता हूं, क्या आप मुझे jquery पर सुझाव दे सकते हैं

— कृष्ण जोनलगड्डा

Answer 2

बस की checkedसंपत्ति का checkAllउपयोग करें और जाँच संपत्ति के लिए attr के बजाय उपयोग प्रोप () का उपयोग करें

लाइव डेमो

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

जाँच किए गए गुणों की तरह attr () के बजाय प्रोप () का उपयोग करें

JQuery 1.6 के रूप में, .attr () विधि सेट नहीं की गई विशेषताओं के लिए अपरिभाषित है। DOM प्रॉपर्टीज़ की जाँच की गई, चुनी हुई या अक्षम अवस्था जैसे DOM संपत्तियों को पुनः प्राप्त करने और बदलने के लिए .prop () विधि का उपयोग करें

चेकबॉक्स के लिए आपके पास एक ही आईडी है और इसका यूनिक होना चाहिए । आप आश्रित चेकबॉक्स के साथ कुछ वर्ग का बेहतर उपयोग करते हैं, ताकि इसमें वह चेकबॉक्स शामिल न हो जो आप नहीं चाहते हैं। जैसा $('input:checkbox')कि पृष्ठ पर सभी चेकबॉक्स का चयन करेंगे। यदि आपका पृष्ठ नए चेकबॉक्स के साथ बढ़ाया गया है, तो वे चयनित / संयुक्त राष्ट्र चयनित भी हो जाएंगे। जो अभीष्ट व्यवहार नहीं हो सकता है।

लाइव डेमो

$('#checkAll').click(function () {    
    $(':checkbox.checkItem').prop('checked', this.checked);    
});

Answer 3

एक संपूर्ण समाधान यहाँ है।

$(document).ready(function() {
    $("#checkedAll").change(function() {
        if (this.checked) {
            $(".checkSingle").each(function() {
                this.checked=true;
            });
        } else {
            $(".checkSingle").each(function() {
                this.checked=false;
            });
        }
    });

    $(".checkSingle").click(function () {
        if ($(this).is(":checked")) {
            var isAllChecked = 0;

            $(".checkSingle").each(function() {
                if (!this.checked)
                    isAllChecked = 1;
            });

            if (isAllChecked == 0) {
                $("#checkedAll").prop("checked", true);
            }     
        }
        else {
            $("#checkedAll").prop("checked", false);
        }
    });
});

Html होना चाहिए:

चेक किए गए तीन चेकबॉक्स पर सिंगल चेक बॉक्स सेलेक्ट और डिसेलेक्ट होगा।

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

<input type="checkbox" name="checkAll" class="checkSingle" />
<input type="checkbox" name="checkAll" class="checkSingle" />
<input type="checkbox" name="checkAll" class="checkSingle" />

आशा है कि यह किसी के लिए मदद करता है जैसा कि यह मेरे लिए किया था।

जेएस फिडल https://jsfiddle.net/52uny55w/

Comments

मुझे यह समाधान पसंद है क्योंकि यदि आप किसी एक बॉक्स को अनचेक करते हैं, तो "चेक ऑल" बॉक्स भी अनियंत्रित हो जाता है। इसी तरह, यदि आप मैन्युअल रूप से सभी संबंधित बॉक्सों की जांच करते हैं, तो "चेक ऑल" बॉक्स को भी चेक किया जाता है। यह वहाँ महान यूआई प्रतिक्रिया है!

— एचपीडब्ल्यूडी

आप $("#checkedAll").changeइसे बदलकर फंक्शन को छोटा बना सकते हैं :var val = this.checked; $(".checkSingle").each( function() { this.checked=val; });

— Gellie Ann

इसके अलावा, मुझे लगता है कि isAllCheckedचर का नाम बदलना बेहतर है isThereUncheckedया unCheckedतो यह चर के लिए इस्तेमाल किया गया था पर अधिक वर्णनात्मक होगा।

— गेली एन

मैंने इसका हल निकाला, यही मैं धन्यवाद की तलाश में हूं

— अजय कुमार

Answer 4

मुझे लगता है कि जब उपयोगकर्ता मैन्युअल रूप से सभी चेकबॉक्स का चयन करता है तो चेकवॉल को स्वचालित रूप से जांचना चाहिए या उपयोगकर्ता को सभी चयनित चेकबॉक्स में से किसी एक को अनचेक किया जाना चाहिए फिर चेकऑल को स्वचालित रूप से अनचेक किया जाना चाहिए। यहाँ मेरा कोड है ..

$('#checkall').change(function () {
    $('.cb-element').prop('checked',this.checked);
});

$('.cb-element').change(function () {
 if ($('.cb-element:checked').length == $('.cb-element').length){
  $('#checkall').prop('checked',true);
 }
 else {
  $('#checkall').prop('checked',false);
 }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<input type="checkbox" name="all" id="checkall" />Check All</br>
<input type="checkbox" class="cb-element" /> Checkbox  1</br>
<input type="checkbox" class="cb-element" /> Checkbox  2</br>
<input type="checkbox" class="cb-element" /> Checkbox  3

Comments

धन्यवाद! मैं इसे पसंद करता हूं क्योंकि सभी चेकबॉक्स की जांच के बाद, जब हम उनमें से एक को अनचेक करते हैं, तो सभी चेकबॉक्स अनचेक हो जाएंगे।

— रिजकी एन। अस्युफ़ी

Answer 5

आप यह कोशिश क्यों नहीं करते हैं (दूसरी पंक्ति में जहां 'फ़ॉर्म #' में आपको अपने HTML फॉर्म के उचित चयनकर्ता को डालने की आवश्यकता है):

$('.checkAll').click(function(){
    $('form#myForm input:checkbox').each(function(){
        $(this).prop('checked',true);
   })               
});

$('.uncheckAll').click(function(){
    $('form#myForm input:checkbox').each(function(){
        $(this).prop('checked',false);
   })               
});

आपका html इस तरह होना चाहिए:

<form id="myForm">
      <span class="checkAll">checkAll</span>
      <span class="uncheckAll">uncheckAll</span>
      <input type="checkbox" class="checkSingle"></input>
      ....
</form>

मुझे आशा है कि वह मदद करेंगे।

Answer 6

HTML:

<p><input type="checkbox" id="parent" /> Check/Uncheck All</p>
<ul>
  <li>
    <input type="checkbox" class="child" /> Checkbox 1</li>
  <li>
    <input type="checkbox" class="child" /> Checkbox 2</li>
  <li>
    <input type="checkbox" class="child" /> Checkbox 3</li>
</ul>

jQuery:

$(document).ready(function() {
  $("#parent").click(function() {
    $(".child").prop("checked", this.checked);
  });

  $('.child').click(function() {
    if ($('.child:checked').length == $('.child').length) {
      $('#parent').prop('checked', true);
    } else {
      $('#parent').prop('checked', false);
    }
  });
});

डेमो: FIDDLE

Answer 7

सबसे सरल तरीका मुझे पता है:

$('input[type="checkbox"]').prop("checked", true);

Answer 8

$('#checkAll').on('change', function(){
    if($(this).attr('checked')){
        $('input[type=checkbox]').attr('checked',true);
    }
    else{
        $('input[type=checkbox]').removeAttr('checked');
    }
});

Answer 9

उन सभी पर शासन करने के लिए एक चेकबॉक्स

ऐसे लोगों के लिए जो अभी भी एक के माध्यम से चेकबॉक्स को नियंत्रित करने के लिए प्लगइन की तलाश कर रहे हैं, के पास यूनिफॉर्मजेएस और आईचेक के लिए आउट-ऑफ-द-बॉक्स समर्थन है और अनियंत्रित हो जाता है जब कम से कम एक नियंत्रित चेकबॉक्स अनियंत्रित होता है (और सभी नियंत्रित चेकबॉक्स की जांच की जाती है। पाठ्यक्रम) मैंने एक jQuery checkAll प्लगइन बनाया है ।

पर उदाहरणों की जाँच करने के लिए स्वतंत्र महसूस करें प्रलेखन पृष्ठ ।

---

इस प्रश्न के उदाहरण के लिए आपको बस इतना करना है:

$( "#checkAll" ).checkall({
    target: "input:checkbox"
});

क्या यह स्पष्ट और सरल नहीं है?

Answer 10

    <p id="checkAll">Check All</p>
<hr />
<input type="checkbox" class="checkItem">Item 1
<input type="checkbox" class="checkItem">Item 2
<input type="checkbox" class="checkItem">Item3

और jquery

$(document).on('click','#checkAll',function () {
     $('.checkItem').not(this).prop('checked', this.checked);
 });

Answer 11

आप .prop()एक jQuery चयनकर्ता के परिणामों पर सीधे चल सकते हैं, भले ही यह एक से अधिक परिणाम देता हो। इसलिए:

$("input[type='checkbox']").prop('checked', true)

Answer 12

आमतौर पर आप यह भी चाहते हैं कि मास्टर चेकबॉक्स अनियंत्रित हो, यदि कम से कम 1 स्लेव चेकबॉक्स अनियंत्रित हो और सभी स्लेव चेकबॉक्स चेक किए गए हों, तो उसे रोक दिया जाए:

/**
 * Checks and unchecks checkbox-group with a master checkbox and slave checkboxes
 * @param masterId is the id of master checkbox
 * @param slaveName is the name of slave checkboxes
 */
function checkAll(masterId, slaveName) {
    $master = $('#' + masterId);
    $slave = $('input:checkbox[name=' + slaveName + ']');

    $master.click(function(){
        $slave.prop('checked', $(this).prop('checked'));
        $slave.trigger('change');
    });

    $slave.change(function() {
        if ($master.is(':checked') && $slave.not(':checked').length > 0) {
            $master.prop('checked', false);
        } else if ($master.not(':checked') && $slave.not(':checked').length == 0) {
        $master.prop('checked', 'checked');
    }
    });
}

---

और यदि आप किसी भी नियंत्रण (जैसे Remove Allबटन या एक Add Somethingबटन) को सक्षम करना चाहते हैं , जब कम से कम एक चेकबॉक्स की जाँच की जाती है और जब कोई चेकबॉक्स चेक नहीं किया जाता है, तो उसे अक्षम करें:

/**
 * Checks and unchecks checkbox-group with a master checkbox and slave checkboxes,
 * enables or disables a control when a checkbox is checked
 * @param masterId is the id of master checkbox
 * @param slaveName is the name of slave checkboxes
 */
function checkAllAndSwitchControl(masterId, slaveName, controlId) {
    $master = $('#' + masterId);
    $slave = $('input:checkbox[name=' + slaveName + ']');

    $master.click(function(){
        $slave.prop('checked', $(this).prop('checked'));
        $slave.trigger('change');
    });

    $slave.change(function() {
        switchControl(controlId, $slave.filter(':checked').length > 0);
        if ($master.is(':checked') && $slave.not(':checked').length > 0) {
            $master.prop('checked', false);
        } else if ($master.not(':checked') && $slave.not(':checked').length == 0) {
        $master.prop('checked', 'checked');
    }
    });
}

/**
 * Enables or disables a control
 * @param controlId is the control-id
 * @param enable is true, if control must be enabled, or false if not
 */
function switchControl(controlId, enable) {
    var $control = $('#' + controlId);
    if (enable) {
        $control.removeProp('disabled');
    } else {
        $control.prop('disabled', 'disabled');
    }
}

Answer 13

एचटीएमएल

<HTML>
<HEAD>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <TITLE>Multiple Checkbox Select/Deselect - DEMO</TITLE>
</HEAD>
<BODY>
    <H2>Multiple Checkbox Select/Deselect - DEMO</H2>
<table border="1">
<tr>
    <th><input type="checkbox" id="selectall"/></th>
    <th>Cell phone</th>
    <th>Rating</th>
</tr>
<tr>
    <td align="center"><input type="checkbox" class="case" name="case" value="1"/></td>
    <td>BlackBerry Bold 9650</td>
    <td>2/5</td>
</tr>
<tr>
    <td align="center"><input type="checkbox" class="case" name="case" value="2"/></td>
    <td>Samsung Galaxy</td>
    <td>3.5/5</td>
</tr>
<tr>
    <td align="center"><input type="checkbox" class="case" name="case" value="3"/></td>
    <td>Droid X</td>
    <td>4.5/5</td>
</tr>
<tr>
    <td align="center"><input type="checkbox" class="case" name="case" value="4"/></td>
    <td>HTC Desire</td>
    <td>3/5</td>
</tr>
<tr>
    <td align="center"><input type="checkbox" class="case" name="case" value="5"/></td>
    <td>Apple iPhone 4</td>
    <td>5/5</td>
</tr>
</table>

</BODY>
</HTML>

jQuery कोड

<SCRIPT language="javascript">
$(function(){

    // add multiple select / deselect functionality
    $("#selectall").click(function () {
          $('.case').attr('checked', this.checked);
    });

    // if all checkbox are selected, check the selectall checkbox
    // and viceversa
    $(".case").click(function(){

        if($(".case").length == $(".case:checked").length) {
            $("#selectall").attr("checked", "checked");
        } else {
            $("#selectall").removeAttr("checked");
        }

    });
});
</SCRIPT>

डेमो देखें

डेमो देखने के लिए यहां क्लिक करें

Answer 14

एक संपत्ति का मूल्य पाने के लिए .prop () का उपयोग करें

$("#checkAll").change(function () {
    $("input:checkbox").prop('checked', $(this).prop("checked"));
});

Answer 15

मुझे पता है कि यहां बहुत सारे उत्तर पोस्ट किए गए हैं, लेकिन मैं इसे कोड के अनुकूलन के लिए पोस्ट करना चाहूंगा और हम इसे विश्व स्तर पर उपयोग कर सकते हैं।

मैंने अपना श्रेष्ठ प्रयास किया

/*----------------------------------------
 *  Check and uncheck checkbox which will global
 *  Params : chk_all_id=id of main checkbox which use for check all dependant, chk_child_pattern=start pattern of the remain checkboxes 
 *  Developer Guidline : For to implement this function Developer need to just add this line inside checkbox {{ class="check_all" dependant-prefix-id="PATTERN_WHATEVER_U_WANT" }}
 ----------------------------------------*/
function checkUncheckAll(chk_all_cls,chiled_patter_key){
    if($("."+chk_all_cls).prop('checked') == true){
        $('input:checkbox[id^="'+chiled_patter_key+'"]').prop('checked', 'checked');
    }else{
        $('input:checkbox[id^="'+chiled_patter_key+'"]').removeProp('checked', 'checked');
    }        
}

if($(".check_all").get(0)){
    var chiled_patter_key = $(".check_all").attr('dependant-prefix-id');

    $(".check_all").on('change',function(){        
        checkUncheckAll('check_all',chiled_patter_key);
    });

    /*------------------------------------------------------
     * this will remain checkbox checked if already checked before ajax call! :)
     ------------------------------------------------------*/
    $(document).ajaxComplete(function() {
        checkUncheckAll('check_all',chiled_patter_key);
    });
}

मुझे उम्मीद है कि इससे सहायता मिलेगी!

Answer 16

function checkAll(class_name) {
    $("." + class_name).each(function () { 
        if (this.checked == true) 
            this.checked = false; 
        else 
            this.checked = true; 
    }); 
}

Answer 17

checkall allcheck बॉक्स की id है और cb-child प्रत्येक चेकबॉक्स का नाम है जिसे चेक किया जाएगा और अनचेक किया जा सकता है जो checkall क्लिक इवेंट पर निर्भर करता है

$("#checkall").click(function () {
                        if(this.checked){
                            $("input[name='cb-child']").each(function (i, el) {
                                el.setAttribute("checked", "checked");
                                el.checked = true;
                                el.parentElement.className = "checked";

                            });
                        }else{
                            $("input[name='cb-child']").each(function (i, el) {
                                el.removeAttribute("checked");
                                el.parentElement.className = "";
                            });
                        }
                    });

Answer 18

* JAVA SCRIPT का चयन करने के लिए सभी चेक बॉक्स *

सबसे अच्छा समाधान .. यह कोशिश करो

<script type="text/javascript">
        function SelectAll(Id) {
            //get reference of GridView control
            var Grid = document.getElementById("<%= GridView1.ClientID %>");
            //variable to contain the cell of the Grid
            var cell;

            if (Grid.rows.length > 0) {
                //loop starts from 1. rows[0] points to the header.
                for (i = 1; i < grid.rows.length; i++) {
                    //get the reference of first column
                    cell = grid.rows[i].cells[0];

                    //loop according to the number of childNodes in the cell
                    for (j = 0; j < cell.childNodes.length; j++) {
                        //if childNode type is CheckBox                 
                        if (cell.childNodes[j].type == "checkbox") {
                            //Assign the Status of the Select All checkbox to the cell checkbox within the Grid
                            cell.childNodes[j].checked = document.getElementById(Id).checked;
                        }
                    }
                }
            }
        }
    </script>

Answer 19

आप नीचे सरल कोड का उपयोग कर सकते हैं:

function checkDelBoxes(pForm, boxName, parent)
{
    for (i = 0; i < pForm.elements.length; i++)
        if (pForm.elements[i].name == boxName)
            pForm.elements[i].checked = parent;
}

उपयोग करने के लिए उदाहरण:

<a href="javascript:;" onclick="javascript:checkDelBoxes($(this).closest('form').get(0), 'CheckBox[]', true);return false;"> Select All
</a>
<a href="javascript:;" onclick="javascript:checkDelBoxes($(this).closest('form').get(0), 'CheckBox[]', false);return false;"> Unselect All
</a>

Answer 20

if(isAllChecked == 0)
{ 
    $("#select_all").prop("checked", true); 
}   

कृपया उपरोक्त लाइन को बदल दें

if(isAllChecked == 0)
{ 
    $("#checkedAll").prop("checked", true); 
}   

SSR के उत्तर और इसके सही काम में धन्यवाद

Answer 21

if($('#chk_all').is(":checked"))
 {
    $('#'+id).attr('checked', true);
 }
else
 {
    $('#'+id).attr('checked', false);
 }  

Comments

यदि आपने उत्तर समझाया तो आसान होगा।

— enkor

यदि आप चेक बॉक्स को चेक करते हैं तो सभी चेक बॉक्स को आईडी के रूप में चेक किया जाता है और फिर आप चेक बॉक्स को अनचेक करते हैं फिर सभी चेक बॉक्स को अनचेक करते हैं

— Dsu Menaria

Answer 22

 $('#checkall').on("click",function(){
      $('.chk').trigger("click");
   });

Answer 23

html:

    <div class="col-md-3 general-sidebar" id="CategoryGrid">
                                                    <h5>Category &amp; Sub Category <span style="color: red;">* </span></h5>
                                                    <div class="checkbox">
                                                        <label>
                                                            <input onclick="checkUncheckAll(this)" type="checkbox">
                                                            All
                                                        </label>
                                                    </div>
                                                <div class="checkbox"><label><input class="cat" type="checkbox" value="Quality">Quality</label></div>
<div class="checkbox"><label><input class="subcat" type="checkbox" value="Planning process and execution">Planning process and execution</label></div>

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

function checkUncheckAll(ele) {
    if (ele.checked) {
        $('.cat').prop('checked', ele.checked);
        $('.subcat').prop('checked', ele.checked);
    }
    else {
        $('.cat').prop('checked', ele.checked);
        $('.subcat').prop('checked', ele.checked);
    }
}

Answer 24

            <pre>
            <SCRIPT language="javascript">
            $(function(){
                // add multiple select / deselect functionality
                $("#selectall").click(function () {
                      $('.case').attr('checked', this.checked);
                });

                // if all checkbox are selected, check the selectall checkbox
                // and viceversa
                $(".case").click(function(){

                    if($(".case").length == $(".case:checked").length) {
                        $("#selectall").attr("checked", "checked");
                    } else {
                        $("#selectall").removeAttr("checked");
                    }

                });
            });
            </SCRIPT>
            <HTML>
            <HEAD>
            <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
            <TITLE>Multiple Checkbox Select/Deselect - DEMO</TITLE>
            </HEAD>
            <BODY>
            <H2>Multiple Checkbox Select/Deselect - DEMO</H2>
            <table border="1">
              <tr>
                <th><input type="checkbox" id="selectall"/></th>
                <th>Cell phone</th>
                <th>Rating</th>
              </tr>
              <tr>
                <td align="center"><input type="checkbox" class="case" name="case" value="1"/></td>
                <td>BlackBerry Bold 9650</td>
                <td>2/5</td>
              </tr>
              <tr>
                <td align="center"><input type="checkbox" class="case" name="case" value="2"/></td>
                <td>Samsung Galaxy</td>
                <td>3.5/5</td>
              </tr>
              <tr>
                <td align="center"><input type="checkbox" class="case" name="case" value="3"/></td>
                <td>Droid X</td>
                <td>4.5/5</td>
              </tr>
              <tr>
                <td align="center"><input type="checkbox" class="case" name="case" value="4"/></td>
                <td>HTC Desire</td>
                <td>3/5</td>
              </tr>
              <tr>
                <td align="center"><input type="checkbox" class="case" name="case" value="5"/></td>
                <td>Apple iPhone 4</td>
                <td>5/5</td>
              </tr>
            </table>
            </BODY>
            </HTML>
            </pre>

Comments

कोड में स्क्रिप्ट त्रुटि। स्क्रिप्ट को पहले लोड करने की आवश्यकता है।

— सतीश शेट्टी

Answer 25

function chek_al_indi(id)
{
    var k = id;
    var cnt_descriptiv_indictr = eval($('#cnt_descriptiv_indictr').val());
    var std_cnt = 10;

    if ($('#'+ k).is(":checked"))
    {
        for (var i = 1; i <= std_cnt; i++)  
        {
            $("#chk"+ k).attr('checked',true);  
            k = k + cnt_descriptiv_indictr;
        }
    }

    if ($('#'+ k).is(":not(:checked)"))
    {
        for (var i = 1; i <= std_cnt; i++)  
        {
            $("#chk"+ k).attr('checked',false);     
            k = k + cnt_descriptiv_indictr;
        }       
    }
}

Comments

लंबा कार्य क्यों?

— जिमी ओबोनियो अबोर

Answer 26

ट्रिगर क्लिक करें

$("#checkAll").click(function(){
    $('input:checkbox').click();
});

या

$("#checkAll").click(function(){
    $('input:checkbox').trigger('click');
});

या

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