JavaScript全选与单选

最新推荐文章于 2024-09-29 11:29:55 发布

山有扶苏..

最新推荐文章于 2024-09-29 11:29:55 发布

阅读量42

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/luobifeiyeshi0/article/details/129758373

版权

这段代码展示了如何使用JavaScript处理HTML中的复选框选择。`all.onclick`函数实现了全选操作，而嵌套的`for`循环用于同步所有选项的选中状态。另一方面，单个选项的点击事件会检查所有选项是否都已选中，如果是，则设置全选按钮为选中状态，否则设为未选中。

摘要由CSDN通过智能技术生成

全选

all.onclick = function () {
        // console.log(this.checked);
        for (i = 0; i < choose.length; i++) {
            choose[i].checked = this.checked
        }
    }

单选

for (var i = 0; i < choose.length; i++) {
        choose[i].onclick = function () {
            // console.log(this.checked);
            var flag = true
            for (var j = 0; j < choose.length; j++) {
                // console.log(choose[j].checked);
                if (choose[j].checked == false) {
                    flag = false
                }
                all.checked = flag
            }
        }
    }