jQuery - toggle select all checkboxes

前端 未结 3 1805
南旧
南旧 2020-12-05 14:27

Fought with a bunch of examples and, being still new to jQuery/Javascript, cannot get my code to function (here my my template in gsp):


    <         
3条回答
  •  猫巷女王i
    2020-12-05 14:52

    Since you are using jQuery, you should use an onclick handler like below for selectAll.

    $(':checkbox[name=selectAll]').click (function () {
      $(':checkbox[name=domainList]').prop('checked', this.checked);
    });
    

    Please note that the above code is going to look into the entire dom for the checkbox with name=selectAll and set the status of the checkbox with name=domainList.

    Below is a slightly better version with minor markup change,

    jsFiddle DEMO

    $('#selectAllDomainList').click(function() {
      var checkedStatus = this.checked;
      $('#domainTable tbody tr').find('td:first :checkbox').each(function() {
        $(this).prop('checked', checkedStatus);
      });
    });
    
    

提交回复
热议问题