获取不同div下checked选中的值

小丑的帽子
  • 101
多个不同的div下均有checked,分别获取选中的值,放在不同的数组中
<div class="content">
    <div class="selectContent1">
        <input type="checkbox" value="100" name="option" class="selectName">oppo
        <input type="checkbox" value="200" name="option" class="selectName">小米
         <input type="checkbox" value="300" name="option" class="selectName">华为
    </div>
    <div class="selectContent2">
        <input type="checkbox" value="1" name="option" class="selectName">iOS所有版本
        <input type="checkbox" value="2" name="option" class="selectName">Android所有版本
        <input type="checkbox" value="3" name="option" class="selectName">塞班系统所有
    </div>
</div>
  1. 第一个div中全选,则获取值为[100,200,300]
  2. 第二个div中选中ios和android,则获取值为[1,2]
回复
阅读 1.4k
3 个回答
$('.selectContent2,.selectContent1').map(function(){
    return $(this).find('input:checked').map(function() {
        return this.value
    }).get()
}).get()
const $ = document.querySelectorAll

Array.from($('.selectContent1')).map(elem => elem.checked)

Array.from($('.selectContent2')).filter(elem => {
    return elem.checked
}).map(elem => elem.value)

如果要判断全选
Array.from($('.selectContent1')).every(elem => elem.checked)
const list = [].map.call(document.querySelectorAll('.selectContent1 input:checked'), el => el.value);

console.log(list)

自行变更筛选类名selectContent1

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏