用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>
<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>
- 用js实现复选框的反选和全选和全不选
- 复选框全选、全不选和反选的效果实现
- 复选框全选、全不选和反选的效果实现
- 复选框全选、全不选和反选的效果实现
- 复选框全选、全不选和反选的效果实现
- js 实现复选框全选和反选
- js 实现复选框全选和反选 方法大全
- js实现复选框全选和反选功能
- JS复选框的全选和反选
- js复选框全选,全不选及反选的实现
- 实现复选框的全选和反选
- jquery实现复选框的全选和反选
- java实现复选框的全选和反选功能
- jQuery实现复选框的全选和反选:
- jQuery实现复选框的全选和反选
- 复选框的全选和反选实现
- 复选框的全选和反选
- 复选框的全选和反选
- 通过onmouseover实现图片的变化 选项卡
- strcpy,strncpy和strncpy_s的区别
- 乱码问题解决方法
- 字符串函数 值的互换
- 正则表达式详解
- 用js实现复选框的反选和全选和全不选
- hdu 2089 不要62
- Communicate between objects
- JSTL标准标签库
- EI收录中国期刊目录 各个版本的含义及收录例子-12年初版
- 11个强大的Visual Studio调试小技巧
- 标签实现相册的不同显示
- GLUI配置
- 实现网页上的坐标查询