js限定复选框checkbox最多只能勾选的个数

新建一个html文件，定名为test.html，用于实现限制复选框checkbox最多只能勾选的个数。

在test.html页面内，建立一个form表单，在form表单里面建立一个table表格，在表格里面界说多个checkbox复选框。

给每个复选框绑心猿意马onclick点击事务，在勾选复选框的时辰，触发点击事务去执行doCheck（）函数，并把当前的checkbox对象作为参数传递给函数，实现对复选框选择个数的限制。

在js中，设置多个变量，例如，sCtrlPrefix元素前缀、iMaxCheckbox复选框个数、iMaxSelected最多可选复选框的个数（这里设置最多可勾选5个），在doCheck（）函数里利用。

每次勾选复选框的时辰，都利用while语句遍历所有的checkbox复选框，获适当前勾选的复选框的位置，代码如下：

利用if语句判定当前复选框的位置是否达到了最大选择数目，若是是，当前元素不克不及被勾选。代码如下：

至此，完当作所有代码的编写。

在浏览器运行test.html页面，当勾选复选框跨越5个时，不克不及再勾选复选框。

0 条评论