成都公司网站设计套餐,国际网站卖东西怎么做,扁平化设计网站 源码,购物商城网站开发目的文档在很多的表单中我们都会看到有一个这样的功能#xff0c;全选后进行一系列的操作。如操作前操作后简单的js实现首先要定义多选框#xff0c;在表头可以使用id来定义同时添加onclick点击事件input typecheckbox idall onclickcheckAllCart(…在很多的表单中我们都会看到有一个这样的功能全选后进行一系列的操作。如操作前操作后简单的js实现首先要定义多选框在表头可以使用id来定义同时添加onclick点击事件input typecheckbox idall onclickcheckAllCart(this.checked)/其余的用name来定义。为什么不用id来定义大家应该都知道吧。input typecheckbox nameone value${ct.key} onclickcheckOneCart()/js来实现一步一步来先完成全选全选很简单function checkAllCart(v) {var chOne document.getElementsByName(one);for (var i 0; i chOne.length; i) {chOne[i].checked v;}}
来解释一下获取name为one 的选框通过遍历来进行选择这里的v就等于true或false。还有一步是当全选完成后进行反选这时候就不是全部了那又如何处理。function checkOneCart() {var chOne document.getElementsByName(one);var flag true;for (var i 0; i chOne.length; i) {if (!chOne[i].checked) {document.getElementById(all).checked false;//将all的按钮显示去掉flag false;break;}if (flag) {document.getElementById(all).checked true;}}}
同样获取name为one的选框。同时定义一个flag来选true与false。在遍历全部的one的时候如果有一个不是true这时候的全选会没有勾同时定义flag为false如果flag为true的时候全选会再次出现对勾。这样一个简单的全选就完成了
