Quantcast
Channel: CSDN博客推荐文章
Viewing all articles
Browse latest Browse all 35570

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

$
0
0
<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>
作者:feilong_12 发表于2013-2-28 20:17:59 原文链接
阅读:18 评论:0 查看评论

Viewing all articles
Browse latest Browse all 35570

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>