js如何实现选中checkbox时,其他元素都非活性

1、首先，给需要控制的元素添加一个类名，比如disabled。

2、给checkbox添加一个onchange事件监听器。

3、在事件处理函数中，获取到需要控制的元素，遍历它们，将它们的disabled属性设置为与checkbox状态相反的值。

2.根据type="checkbox"选中所有checkbox

3.修改checkbox选中状态

4.获取checkbox的value

5.一个简单的表格全选框功能实现

注：

1）通过document.querySelectorAll()获得的NodeList类型，要使用for of进行遍历，使用for in会访问到队形自定义的properties

2）classList对应的DOMTokenList类型使用contains检查是否包含特定值

方法：

给表格一个ID，ID=form1，再给个参数stye="display:none"

然后JavaScript写

function open()

{document.getElementById(form1).style.display="block"}

</script>

在按钮上写JavaScript:open()

---