【JS】全选和全不选
发布日期:2021-05-12 22:13:30 浏览次数:18 分类:精选文章

本文共 1260 字,大约阅读时间需要 4 分钟。

全选/全不选功能实现

html代码示例:

                <input type="checkbox" id="selectAll" onclick="checkAll(this.checked)">
<input type="checkbox" name="items_changeroute" onclick="cancelAll(this.checked)">
1

全选/全不选功能实现:

                function checkAll(isChecked) {
// 获取所有具有name属性为"items_changeroute"的输入元素
var code_Values = document.getElementsByName("items_changeroute");
for (i = 0; i < code_Values.length; i++) {
if (code_Values[i].type === "checkbox") {
// 将所有选项的checked属性设置为传入的参数值
code_Values[i].checked = isChecked;
}
}
}

功能说明:

                当调用checkAll函数时,所有具有"items_changeroute"名称的checkbox都会被设置为指定的checked状态。
如果反选其中一个选项,调用cancelAll函数会将全选选项的checked属性重置为false。

注:以上代码示例展示了一个简单的全选/全不选功能实现,适用于多个checkbox控件的统一操作。通过checkAll函数可实现全选,通过cancelAll函数可实现反选时的全选取消功能。

上一篇:【JAVA】后端接收前端传递的JSON数组
下一篇:将一个int数字转换为指定位数二进制的字符串形式

发表评论

最新留言

很好
[***.229.124.182]2025年04月12日 08时18分48秒