选择/取消选中所有复选框

使用下面的示例HTML代码,使用jQuery我不确定如何使用id="select-all"来执行“Select / Deselect All id="select-all"来检查/取消选中以下所有复选框,其中name="p_v01"

任何指导都会很棒。

谢谢。

 Select All
  Emps

您可以使用:

 $('#select-all').click(function() { $('input[name="p_v01"]').prop('checked',this.checked); }); 

小提琴演示

试试这个:

 $('#select-all').on('change', function() { $('input[name="p_v01"]').prop('checked', this.checked); }); 

  1. #select-all上有一个change事件
  2. 使用属性选择器$('input[name="p_v01"]')按名称查找输入
  3. 每次check/uncheck它都会导致true/false

在jQuery下面使用