如何实现选择所有其他复选框的复选框
在 HTML 中实现“全选”复选框可让您轻松切换所选内容上多个其他复选框的状态
解决方案：
要实现此功能：
<script>
function toggle(source) {
const checkboxes = document.getElementsByName('foo');
for (let i = 0; i < checkboxes.length; i++) {
checkboxes[i].checked = source.checked;
}
}
</script><input type="checkbox" onClick="toggle(this)" /> Toggle All<br />
<input type="checkbox" name="foo" value="bar1"> Bar 1<br /> <input type="checkbox" name="foo" value="bar2"> Bar 2<br /> <input type="checkbox" name="foo" value="bar3"> Bar 3<br /> <input type="checkbox" name="foo" value="bar4"> Bar 4<br />
当您单击“全选”复选框时，该脚本将循环遍历所有名为“foo”的复选框，并设置其选中属性以匹配“全选”的选中状态复选框。
以上是如何创建控制其他复选框的'全选”复选框？的详细内容。更多信息请关注PHP中文网其他相关文章！
