获取处于选中状态的checkbox的id值

<input type="checkbox" id="checkAll"/>全选
<input type="checkbox" id="1">
<input type="checkbox" id="2">
<input type="checkbox" id="3">
<input type="checkbox" id="4">
<input type="checkbox" id="5">

html的代码大概就这样,我原来的代码不是这样的,所以和下面展现的图中的id不一样,但是其他代码都无关紧要,第一个框为全选框,然后下面有很多个复选框,每个复选框上都绑有id值

 

// 获取所有input中,id不为checkAll(即全选按钮,它没id值),类型为checkbox,属性为checked的值(即选中状态),遍历它们,获取它们的id值
$("input:not(#checkAll):checkbox:checked")

然后在js上console了一下,大概出来这么一个玩意儿

但我想遍历其中的input值,里面有很多其他无关紧要的属性,这个时候就要用到array.from函数

Array.from($("input:not(#checkAll):checkbox:checked")).forEach(function (item){
        console.log(item)
    })

一个个遍历,然后打印一下

但此时但类型是object类型,不能用attr("id")获取id值(下面但代码还不是最终版,就不贴上代码

在item外套个$()就可以获取到了,下面是最终代码

// 获取所有input中,id不为checkAll(即全选按钮,它没id值),类型为checkbox,属性为checked的值(即选中状态),遍历它们,获取它们的id值
    // 用Array.from是因为获取到的是一个伪数组对象(即拥有一个 length 属性和若干索引属性的任意对象)
    Array.from($("input:not(#checkAll):checkbox:checked")).forEach(function (item){
        console.log($(item).attr("id"))
    })

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值