-------------------------------js实现checkbox的全选操作------------------------------------------
有关checkbox的全选操作是经常用到的,这里整理了几种本人用到的方法,可能不是最简单的;
var all = false; function selectall() { all = !all; var obj = document.getElementById('HetongManageAction'); var ch = document.getElementsByName('selectId'); for(var i = 1;i<obj.rows.length;i++){ if(all){ obj.rows[i].style.backgroundColor='#FFFFAA'; } else { obj.rows[i].style.backgroundColor='#FFFFFF'; } ch[i-1].checked = all; } }
obj的值是table的id的值;ch的值是checkbox的name的值。
下面是一个通用的方法:
var all = false; function selectall() { all = !all; var elements = document.form1.elements; var counter = elements.length; flag = false; for(i=0;i<counter;i++) { var element=elements[i]; if(element.type == 'checkbox') if(element.checked != all) { element.click(); } } }