H5中利用JS实现全选、反选、不选

1、TagName通过标签选择一组元素

2、有多组标签,值想选择其中一部分
用一个div包裹,先得到div,然后通过div选择群组

3、全选、反选–checked

4、反选–for循环配合if判断

全选、不选、反选的具体代码如下
window.onload = function(){
var obtn1 = document.getElementById("btn1");
var obtn2 = document.getElementById("btn2");
var obtn3 = document.getElementById("btn3");
var odiv = document.getElementById("div1");
var otag = odiv.getElementsByTagName("input");
obtn1.onclick = function(){
for(var i = 0; i < otag.length; i++)
{
otag[i].checked = true;
}
}
obtn2.onclick = function(){
for(var i = 0; i < otag.length; i++)
{
otag[i].checked = false;
}
}
obtn3.onclick = function(){
for(var i = 0; i < otag.length; i++)
{
if(otag[i].checked == false)
{
otag[i].checked = true;
}else{
otag[i].checked = false;
}
}
}
}

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值