表单全选切换
来源:互联网 发布:sql replace into用法 编辑:程序博客网 时间:2024/05/26 17:43
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
window.onload=function() {
var oBtn = document.getElementById("btn");
var iPut = document.getElementsByTagName("input");
oBtn.onclick = function () {
for (var i = 0; i < iPut.length; i++) {
if(iPut[i].checked == true){
iPut[i].checked = false;
}else{
iPut[i].checked =true;
}
}
}
}
</script>
</head>
<body>
<p id="btn">全选</p>
<input type="checkbox"/></br>
<input type="checkbox"/></br>
<input type="checkbox"/></br>
<input type="checkbox"/></br>
<input type="checkbox"/></br>
<input type="checkbox"/></br>
<input type="checkbox"/></br>
</body>
</html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
window.onload=function() {
var oBtn = document.getElementById("btn");
var iPut = document.getElementsByTagName("input");
oBtn.onclick = function () {
for (var i = 0; i < iPut.length; i++) {
if(iPut[i].checked == true){
iPut[i].checked = false;
}else{
iPut[i].checked =true;
}
}
}
}
</script>
</head>
<body>
<p id="btn">全选</p>
<input type="checkbox"/></br>
<input type="checkbox"/></br>
<input type="checkbox"/></br>
<input type="checkbox"/></br>
<input type="checkbox"/></br>
<input type="checkbox"/></br>
<input type="checkbox"/></br>
</body>
</html>
0 0
- 表单全选切换
- JS表单_checkbox全选
- 表单的全选全不选
- 全选与不全选的切换
- CheckBox (全选切换,判断全选)
- 表单提交问题-----全选/全不选
- CheckBoxList全选单选切换
- 表单输入框直接全选表单内容
- 表单自动切换焦点
- JS切换 表单
- 根据按钮切换表单
- selenium多表单切换
- SELECT 全选,反选——表单
- SELECT 全选,反选——表单
- 表单操作--对复选框全选
- Angularjs全选/反选/表单验证
- JavaScript checkbox全选与全不选的切换
- [JavaScript]事件切换之-多选框全选
- Viewpage+Fragment的组合使用
- javascript 原生方法对dom节点的操作,创建、添加、删除、替换、插入、复制、移动等操作
- C++读取一个XML文件
- ASCII码表
- mac下搭建php开发环境
- 表单全选切换
- js 上传图片预览
- R树的Java实现
- 【教程】天天在空调房中写代码,锻炼身体必不可少
- Android SimpleAdapter源码详解
- Mybatis数据库操作的返回值
- netty websocket
- 马云正式入主恒生电子
- Paxos领导者选举