如何触发选中所有复选框
How to trigger check all checkboxes?
我正试图弄清楚如何触发链接按钮来触发,并在点击时将所有复选框更改为选中。当我单击该按钮时,它将显示警报消息,但不会触发复选框。我试过这个网站上列出的一些答案,但没有用。我用jsfiddle重新创建了这个问题。
HTML:
<h3><a href="javascript:void(0);" id="checkAll">Check</a> All</h3>
<hr/>
<input class="categories" type="checkbox" name="filter" value="Math" checked>Math<br/>
<input class="categories" type="checkbox" name="filter" value="Science" checked>Science<br/>
<input class="categories" type="checkbox" name="filter" value="Reading" checked>Reading
JS:
$('#checkAll').click(function()
{
alert("checkAll was clicked!");
console.log("Checkboxes has been refilled!");
$(':checkbox.categories').prop('checked', $(this).checked); // re-check all checkboxes
//$("input:checkbox").prop('checked', $(this).prop("checked"));
});
问题是因为this
将引用a
元素,而包含该元素的jQuery对象没有checked
属性。相反,只需将其设置为true
:
$('#checkAll').click(function(e) {
e.preventDefault();
$(':checkbox.categories').prop('checked', true);
});
更新的fiddle
相关文章:
- 触发javascript对复选框的更改
- 选中javascript中的属性集时,复选框更改事件未触发
- 在 AngularJs 中触发文本框的复选框
- 当通过选择页面上所有复选框的 jQuery 脚本选中复选框时,如何触发自定义 javascript 事件
- jquery复选框仅在第一次加载时触发
- 如何触发选中所有复选框
- 复选框在手动触发后停止工作
- 角度 2 - ES6 - 根据复选框值触发表单验证器
- 防止点击复选框时触发TD点击
- 选中/取消选中复选框时触发函数
- 为什么这个复选框不触发jquery代码onchange?我什么都试过了,但都不起作用
- Don't在禁用的复选框上触发JQuery
- 点击复选框时触发两次jQuery点击事件
- 更改复选框没有触发功能
- 防止表单提交,并在选中某个复选框时触发错误
- 选中/取消选中任何复选框时触发事件
- jQuery 选中和取消选中复选框只触发一次
- 取消选中复选框时会触发事件
- 复选框以触发热键
- 如何创建一个selectAll复选框,并在每个复选框上触发ng-click的每个函数