js实现复选框全选和反选功能
来源:互联网 发布:apache cxf 下载 编辑:程序博客网 时间:2024/06/10 09:15
自己做的一个简单的全选反选实现
<!DOCTYPE html>
<html><head>
</head>
<body>
<form>
<!--
<select id="ckall" onclick="checkall('tt1')">
<option id="ckall" onclick="checkallr('tt1')">全选</option>
<option>反选</option>
</select><br/>
-->
<input type="checkbox" id="ckall" onclick="checkall('tt1')">全选<br/>
<input type="checkbox" id="rkall" onclick="reservecheck('tt1')">反选reserve<br/>
<input type="checkbox" id="check1" name="tt1">Do you like summer?<br/>
<input type="checkbox" id="check1" name="tt1">Do you like summer?<br/>
<input type="checkbox" id="check1" name="tt1">Do you like summer?<br/>
<input type="checkbox" id="check1" name="tt1">Do you like summer?<br/>
<input type="checkbox" id="check1" name="tt1">Do you like summer?<br/>
<input type="checkbox" id="check1" name="tt1">Do you like summer?<br/>
</form>
<!--<button onclick="check()">Check Checkbox</button>-->
<button onclick="uncheck()">Uncheck Checkbox</button>
<script>
/*全选函数实现*/
function checkall(id){
var checkall = document.getElementById("ckall");
if(checkall.checked==true)akall(id);
else cancelallchecked(id);
}
/*取消全选,所有项都不选中的实现*/
function cancelallchecked(id){
cancel(id);
}
function akall(id){
var getall = document.getElementsByName(id);
if(getall.length>0){
var i=0;
for(i;i<getall.length;i++){
getall[i].checked=true;
}
}
}
function cancel(id){
var getall = document.getElementsByName(id);
if(getall.length>0){
var i=0;
for(i;i<getall.length;i++){
getall[i].checked=false;
}
}
}
function checkallr(id){
var checkall = document.getElementById("rkall");
if(checkall.checked==true)reservecheck(id);
else cancelreserve(id);
}
/*反选的实现*/
function reservecheck(id){
var getall = document.getElementsByName(id);
if(getall.length>0){
var i=0;
for(i;i<getall.length;i++){
if(getall[i].checked==true){
getall[i].checked=false;
}else{
getall[i].checked=true;
}
}
}
}
function uncheck(){
document.getElementById("check1").checked=true;
}
</script>
</body>
</html>
0 0
- js实现复选框全选和反选功能
- java实现复选框的全选和反选功能
- js 实现复选框全选和反选
- js 实现复选框全选和反选 方法大全
- js实现全选和反选功能
- js实现全选和反选功能
- js实现全选和反选功能
- js实现全选和反选功能
- jquery实现复选框全选,反选,全不选等功能
- js 复选框全选和取反
- js实现复选框 全选、反选、不选
- js实现复选框的全选与反选
- js实现复选框的全选与反选
- js复选框全选,全不选及反选的实现
- js实现复选框全选/全不选/反选
- JavaScript中复选框的全选和反选功能的实现
- jsp页面中实现复选框全选和反选、选中删除功能
- JavaScript--点击按钮实现复选框全选和反选功能
- Reverse Linked List
- JVM学习--认识虚拟机
- 逐渐有意识地适当远离Windows环境编程和C语言
- 3D引擎:Horde3D:窗口类API:glfw
- 【跟我学Apache Commons】【一】综述
- js实现复选框全选和反选功能
- 魔兽军团前端项目的一些总结
- 3D引擎:Horde3D:App类
- 【跟我学Apache Commons】【二】Lang&Math
- 关于win2003 iis6 不显示验证码的解决方法
- POJ 3468 线段树入门题
- uvaoj 1352Colored Cubes
- 58架构演进
- 【跟我学apache-commons(三)】DBCP2.2---JavaSE配置DBCP连接池