js 复选框全选和取反
来源:互联网 发布:孙十万知乎 编辑:程序博客网 时间:2024/06/07 02:45
<script type="text/javascript">
//全选
function aa(){
var check = document.getElementById("cx1");
var check1 = document.getElementById("cx");
var check2= document.getElementById("cx2");
var check3= document.getElementById("cx3");
var check4= document.getElementById("cx4");
alert( check.checked) ;
ds=check.checked
check1.checked=ds;
check2.checked=ds;
check3.checked=ds;
check4.checked=ds;
function bu(){
var check1 = document.getElementById("cx");
var check = document.getElementById("cx1");
var check2= document.getElementById("cx2");
var check3= document.getElementById("cx3");
check1.checked= !check1.checked
check2.checked= !check2.checked
check3.checked=!check3.checked
check4.checked=!check4.checked
}
</script>
<input type="checkbox" name="cx" id="cx1" onclick="aa()" />全选<br />
<input type="checkbox" name="cx" id="cx" />属于<br />
<input type="checkbox" name="cx" id="cx2" />属于<br />
<input type="checkbox" name="cx" id="cx3" />属于<br />
<input type="checkbox" name="cx" id="cx4" />属于<br />
<input type="button" name="bu" id="bu" value="取反" onclick="bu()"/>
</body>
//全选
function aa(){
var check = document.getElementById("cx1");
var check1 = document.getElementById("cx");
var check2= document.getElementById("cx2");
var check3= document.getElementById("cx3");
var check4= document.getElementById("cx4");
alert( check.checked) ;
ds=check.checked
check1.checked=ds;
check2.checked=ds;
check3.checked=ds;
check4.checked=ds;
}
function bu(){
var check1 = document.getElementById("cx");
var check = document.getElementById("cx1");
var check2= document.getElementById("cx2");
var check3= document.getElementById("cx3");
var check4= document.getElementById("cx4");
check.checked= !check.checkedcheck1.checked= !check1.checked
check2.checked= !check2.checked
check3.checked=!check3.checked
check4.checked=!check4.checked
}
</script>
</head>
<input type="checkbox" name="cx" id="cx1" onclick="aa()" />全选<br />
<input type="checkbox" name="cx" id="cx" />属于<br />
<input type="checkbox" name="cx" id="cx2" />属于<br />
<input type="checkbox" name="cx" id="cx3" />属于<br />
<input type="checkbox" name="cx" id="cx4" />属于<br />
<input type="button" name="bu" id="bu" value="取反" onclick="bu()"/>
</body>
阅读全文
0 0
- js 复选框全选和取反
- js 实现复选框全选和反选
- js 实现复选框全选和反选 方法大全
- JS复选框的全选和反选
- js实现复选框全选和反选功能
- JS 复选框 全选 反选
- js--复选框--全选、反选、取消
- 复选框全选、全不选和反选
- 全选和反选复选框
- JavaScript 复选框全选和反选
- 复选框全选和反选例子
- 复选框的全选和反选
- 复选框的全选和反选
- 复选框的全选和反选
- 复选框的全选和反选
- 复选框的全选和反选
- 复选框的全选和反选
- 复选框的全选和反选
- centOS7下python3安装PIL报错问题
- 做竞品分析,不是要你写产品体验报告
- ETB挖矿教程
- Eclipse中部署web项目到tomcat下
- 734. Sentence Similarity
- js 复选框全选和取反
- [2017-11-30]Ubuntu Django+Apache2+Mod_wsgi 配置
- 全志A33之添加电容触摸GT911驱动
- VB文件系统编程中的常用函数
- 【已解决】[Err] MySQL server has gone away
- Ubuntu、linux基础概念及常用操作命令
- WebSocket发送图片或文件的思路(1)
- Matplotlib之3D骨骼关节的动画显示
- CSS居中方案介绍