JS代码：复选框全选事件，选中行变色

复选框：<input type='checkbox' id='checkbox' name='checkbox' value='checkbox' />

全选按钮：<input type="checkbox" name="selectall" value="全选"  οnclick="checkall();" />

 

/*全选，called by 全选按钮事件*/ function checkall() { var checkbox = document.getElementsByName("checkbox"); var selectall = document.getElementsByName("selectall"); for ( var i = 0; i < checkbox.length; i++) { var tr = checkbox[i].parentElement.parentElement; if (selectall[0].checked == true) { // 如果选中“全选” checkbox[i].checked = true; } else { checkbox[i].checked = false; } // 选中全选后变色 if (checkbox[i].checked) { tr.style.backgroundColor = "#E1F4FD"; // 淡蓝色 } else { tr.style.backgroundColor = ""; // 白色 } } } // 每选中一个复选框，该行就变色 function checkit(evt) { var obj = window.event ? event.srcElement : evt.target; obj.parentNode.parentNode.style.backgroundColor = obj.checked ? '#E1F4FD' : '#FFFFFF'; } window.onload = function() { var ck = document.getElementsByName("checkbox"); for ( var i = 0; i < ck.length; i++) ck[i].onclick = checkit; } function approveall() { var checkbox = document.getElementsByName("checkbox"); var mgrname = document.all.namehidden.value; for ( var i = 0; i < checkbox.length; i++) { if (checkbox[i].checked) { var tr = checkbox[i].parentElement.parentElement; //选中的checkbox所在的行 var name = tr.cells(1).innerText; //选中行的名字 var content = tr.cells(3).innerText; //选中行的标题 DayReport.approveAll(mgrname, name, content, issuccess);// DWR } } } function issuccess(successflag) { // 进行相关处理 }