欢迎您访问我爱IT技术网,今天小编为你分享的javascript教程:【JS实现CheckBox复选框全选、不选或全不选功能】,下面是详细的讲解!
JS实现CheckBox复选框全选、不选或全不选功能
<script>
window.onload=function(){
var sele=document.getElementById('sele');//获取全选
var unsele=document.getElementById('setinterval');//获取不选
var clear=document.getElementById('clear');//获取反选
var checkbox=document.getElementById('checkboxs');//获取div
var checked=checkbox.getElementsByTagName('input');//获取div下的input
//全选
sele.onclick=function(){
for(i=0;i<checked.length;i++){
checked[i].checked=true
}
}
//不选
unsele.onclick=function(){
for(i=0;i<checked.length;i++){
checked[i].checked=false
}
}
//反选
clear.onclick=function(){
for(i=0;i<checked.length;i++){
if(checked[i].checked==true){
checked[i].checked=false
}
else{
checked[i].checked=true
}
}
}
}
</script>
关于JS实现CheckBox复选框全选、不选或全不选功能的用户互动如下:
相关问题:Jquery实现复选框全选与全不选
答:1、为全选框定义一个id,例如: 全选2、为其他复选框定义相同的name,例如: 爱好:唱歌 跳舞 玩游戏 吃美食 睡觉3、编写jQuery代码,在全选框点击时,让复选框的选中属性与全选框的选中属性保持一致即可 $(function(){ $("#cbAll").click(funct... >>详细
相关问题:js中如何实现多个复选框全选
答: CheckBox复选框JS实现全选全不选功能,很简单,就只需插入一小段js函数就行了。。。 function cli(Obj) { //获取控制其它复选框的对象obj var collid = document.getElementByIdx_x("all") //获取需要全选,全不选功能的所有复选框 var coll = d... >>详细
相关问题:跪求jQuery大神能否告诉我,为什么不能实现复选框...
答:var flag=this.checked; >>详细
- 【firefox】firefox浏览器不支持innerText的解决
- 【Extjs】Extjs学习过程中新手容易碰到的低级错误
- 【clearInterval】js clearInterval()方法的定义
- 【ComboBox】ComboBox 和 DateField 在IE下消失的
- 【dom】javascript dom追加内容实现示例-追加内容
- 【checkbox】让checkbox不选中即将选中的checkbox
- 【Array】js中更短的 Array 类型转换-类型转换
- 【append】append和appendTo的区别以及appendChil
- 【ExtJs】ExtJs 表单提交登陆实现代码-表单提交-
- 【ajax清除浏览器缓存】Ajax清除浏览器js、css、
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
