用js实现复选框的反选和全选和全不选

来源:互联网 发布:列主元高斯消去法编程 编辑:程序博客网 时间:2024/04/30 03:51
<html>
<head>
<meta charset="utf-8"/>
<script>
function quanxuan(){
for(i=1;i<=3;i++){
document.getElementById("check"+i).checked=true;
}
}
function quanbuxuan(){
for(i=1;i<=3;i++){
document.getElementById("check"+i).checked=false;
}
}
function fanxuan(){
for(i=1;i<=3;i++){
if(document.getElementById("check"+i).checked==true){
document.getElementById("check"+i).checked=false;
}
else{
document.getElementById("check"+i).checked=true;
}
}
}
</script>
</head>
<body>
<TABLE>
<TR>
    <TD><input type="checkbox" id="check1"/></TD>
    <TD>旅馆</TD>
    <TD>2013-02-09</TD>
</TR>
<TR>
    <TD><input type="checkbox" id="check2"/></TD>
    <TD>发票</TD>
    <TD>2013-04-02</TD>
</TR>
<TR>
    <TD><input type="checkbox" id="check3"/></TD>
    <TD>火车</TD>
    <TD>1982-09-09</TD>
</TR>
<TR>
    <TD><input type="button" value="全选" onclick="quanxuan()"/></TD>
    <TD><input type="button" value="反选" onclick="fanxuan()"/></TD>
    <TD><input type="button" value="全不选" onclick="quanbuxuan()"/></TD>
</TR>
</TABLE>
</body>
</html>
原创粉丝点击