常用的javascript整理与积累--持续更新

-------------------------------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();
  }
 }
}