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

蔚落 2022-11-15 03:48 258阅读 0赞

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

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NoZW5oYWliYl8_size_16_color_FFFFFF_t_70][]

// 获取所有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)
        })

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

![20210330215311674.png][]

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

![20210330215642782.png][]

![20210330215724220.png][]

在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"))
        })

![20210330215923191.png][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3NoZW5oYWliYl8_size_16_color_FFFFFF_t_70]: /images/20221022/86f10d9a21804e5cb75462df1a1f39c1.png
[20210330215311674.png]: https://img-blog.csdnimg.cn/20210330215311674.png
[20210330215642782.png]: https://img-blog.csdnimg.cn/20210330215642782.png
[20210330215724220.png]: https://img-blog.csdnimg.cn/20210330215724220.png
[20210330215923191.png]: https://img-blog.csdnimg.cn/20210330215923191.png