在批量处理列表数据时,往往会用到 CheckBox 的全选与取消全选,虽然她的实现原理很简单,但是对新手来说还是有些难度,本文介绍的方法,触发条件独立,可以全选或取消全选指定 name 的 CheckBox , 同一页面可以有多组供全选的 CheckBox ,功能健全,通用性较强。
js
view sourceprint?01
02 function checkAll(name) {
03 var el = document.getElementsByTagName('input');
04 var len = el.length;
05 for(var i=0; i 06 if((el[i].type=="checkbox") && (el[i].name==name)) { 07 el[i].checked = true; 08 } 09 } 10 } 11 function clearAll(name) { 12 var el = document.getElementsByTagName('input'); 13 var len = el.length; 14 for(var i=0; i 15 if((el[i].type=="checkbox") && (el[i].name==name)) { 16 el[i].checked = false; 17 } 18 } 19 } 20 html view sourceprint?01 字母全选开关 02 a 03 b 04 c 05 d 06 e 07 f 08 g 09 10 数字全选开关 1 11 2 12 3 13 14 15 16 17 更多信息请查看IT技术专栏