当前位置:编程学习 > JS >>

js复选框全选 反选代码

文章提供一款js复选框全选 反选代码哦,它不但可以全选checkbox而且还可以把选中的checkbox设置为红色背景哦。

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.zzzyk.com/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title>js复选框全选 反选代码</title>
<script>
// 网页特效 document
//复选
function selectall(chk)
{
var chk = document.form1.chkall.checked;
for (i=0;i<document.all.length;i++) {
if (document.all[i].name=="y_id[]") {
document.all[i].checked=chk;
chkrow(document.all[i]);
}}}


//复选后单元格变色
function chkrow(obj){
var r = obj.parentelement.parentelement;
if(obj.checked){ r.style.backgroundcolor="#e6e9f2";}
else {if(r.rowindex%2==1)r.style.backgroundcolor="#f8fafc";else r.style.backgroundcolor="";}
}
</script>
</head>

<body>
</body>
</html>

补充:网页制作,js教程 
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,