js实现全选反选
//js实现全选反选源代码，超级简单
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>反选全选</title>
<style type="text/css">
table{
border:#0FF 1px solid;
border-collapse:collapse;
}
table th{
text-align:center;
}
table td{
border:1px solid #999;
text-align:center;
}
.one{
background:#9FC;
}
.two{
background:#FC6;
}
</style>
<script type="text/javascript" language="javascript">
function gehang(){
//获取tr节点
var tr=document.getElementsByTagName("tr");
//为第一行添加背景颜色
tr[0].style.background="#00FF66";
//为最后一行添加背景颜色
tr[tr.length-1].style.background="#00FF66";
}
//创建全选反选函数
function xuan(type){
//获取name值
var qcheck=document.getElementsByName("check[]");
//获取选的按钮
if(type=="qx"){
for(var i=0;i<=qcheck.length;i++){
qcheck[i].checked=true;
}
}
if(type=="fx"){
for(var i=0;i<=qcheck.length;i++){
qcheck[i].checked=false;
相关新闻>>
- 发表评论
-
- 最新评论 更多>>
