导航:首页 > 编程语言 > js复选框全选

js复选框全选

发布时间:2024-03-08 19:35:49

1. js如何实现对name是数组的复选框的全选和反选以及取消选择 form内容如下:

不明白你的意思。<input type='checkbox' name='ptpt[1]' value='a1' />
我的理解就是你想获取多选框的值和他名字的值(不理解就是名字的字符串值还是所代表数组的值)。
你可以把多选框的名字都写成一样的,再给多选框多加一个属性,里面存储你想获得的ptpt值,像下面这样
<input type='checkbox' name='p' value='a1' ptpt='ptpt[1]'/>

<input type='checkbox' name='p' value='a2' ptpt='ptpt[2]'/>

这样在获得选中的多选框后直接取ptpt属性的值就可以拿到你想要的ptpt的值了。

2. js中如何实现多个复选框全选

<scriptlanguage="javascript">
functioncli(Obj)
{
//获取控制其它复选框的对象obj
varcollid=document.getElementByIdx_x("all")
//获取需要全选,全不选功能的所有复选框
varcoll=document.getElementsByName(Obj)
//如果obj被选中,则全选
if(collid.checked){
//循环设置所有复选框为选中状态
for(vari=0;i<coll.length;i++)
coll[i].checked=true;
}else{//取消obj选中状态,则全不选
//循环设置所有复选框为未选中状态
for(vari=0;i<coll.length;i++)
coll[i].checked=false;
}
}
</script>

----------------------------------------------------

下面是一组CheckBox复选框html代码

----------------------------------------------------

<inputname='多选项名称'type='checkbox'value=''id="all"onclick="cli('多选项名称');">全选
<inputname='多选项名称'type='checkbox'value=''>A
<inputname='多选项名称'type='checkbox'value=''>B
<inputname='多选项名称'type='checkbox'value=''>C
<inputname='多选项名称'type='checkbox'value=''>D
<inputname='多选项名称'type='checkbox'value=''>E
<inputname='多选项名称'type='checkbox'value=''>F

----------------------------------------------------

3. 2.在html中怎么使一个div中的所有复选框全选和反选,写出JS脚本。

var div=document.getElementById(div的id);
var chks=div.getElementsByName(checkbox的name); //checkbox设为同一个专name
for(var i=0;i<chks.length;i++){
chks[i].checked;//全选属
chks[i].checked=!chks[i].checked //反选
}

阅读全文

与js复选框全选相关的资料

热点内容
javaint占内容长度 浏览:35
编程和下棋哪个更能锻炼思维能力 浏览:833
如何在手机上下载微云文件 浏览:908
word局部放大 浏览:640
php罗列数据库数据 浏览:854
linux去掉i属性 浏览:395
旅游网站需要什么 浏览:290
设备性能确认文件由哪个部门来做 浏览:382
佳能打印机配置文件 浏览:210
用js帮html添加属性 浏览:582
怎么用钉钉上网站 浏览:490
中国银行app上如何查开户行 浏览:305
whatsapp有网页版吗 浏览:32
网站服务器租金多少 浏览:703
win10电脑图标点不开 浏览:960
linux汇编环境 浏览:884
非对称密钥密码优点 浏览:381
apppleid账号 浏览:970
网络语如何解释放肆 浏览:613
手机看本机文件哪个app好 浏览:814

友情链接