js中如何实现多个复选框全选

新建一个html文件，定名为test.html，用于实现多个复选框全选的功能。

在test.html页面，利用input标签新建多个复选框，并设置input的name属性为chk，用于下面步调获得复选框对象。

再利用input标签新建一个checkbox，并绑心猿意马onclick点击事务，用于点击实现全选、反选的功能，代码如下：

当点击全选/反选时，利用onclick事务触发去执行sel()函数，在sel函数内编写全选、反选的逻辑。

在onclick点击事务内，把复选框的name属性值传给函数sel()，在sel()函数经由过程document.getElementsByName获得所有的复选框对象。

经由过程for轮回，对每个复选框进行选中或不选中操作。利用event.srcElement.checked获得复选框的原始状况，并赋值给当前复选框，实现全选、反选的功能。

在浏览器运行test.html文件，查抄是否实现全选与反选功能。

0 条评论