Javascript-如何检查“;确定“;复选框，而不是全部使用我当前的代码

Javascript - how to check "certain" checkboxes and not all using my current code?

本文关键字：全部 代码 何检查 检查 Javascript- 复选框 确定      更新时间：2023-09-26

所以我在一个页面上打开了两个表。这是我以前用来选择第一个表中所有复选框的脚本（这是当时唯一的一个）：

<script>
  $('#selectAll').click(function() {
   if(this.checked) {
     $(':checkbox').each(function() {
       this.checked = true;                        
     });
   } else {
    $(':checkbox').each(function() {
     this.checked = false;                        
   });
  } 
});
</script>

我如何将其更改为更具体的内容？我需要在复选框中添加特定的类或ID属性吗？

假设两个表都有类.table。脚本的优化版本可以同时适用于两个表，如下所示：

$('.table').on('click', '.selectAll', function(e) {
    $(':checkbox', e.delegateTarget).prop('checked', this.checked);
});

注：

  1. 您的全选复选框必须具有类.selectAll，而不是id #selectAll。

  2. 使用.on方法，我们将单击事件处理程序绑定到表，该表在单击.selectAll时触发。e.delegateTarget指向当前表DOMElement。那么CCD_ 7意味着CCD_。

  3. 您可以使用jQuery的prop方法来执行相同但更简洁的操作，而不是使用each方法进行循环并设置checked = true/false。

演示：http://jsfiddle.net/pkp7osfn/

相关文章：