获取不同div下checked选中的值

Question

多个不同的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]

Answer 1

$('.selectContent2,.selectContent1').map(function(){
    return $(this).find('input:checked').map(function() {
        return this.value
    }).get()
}).get()

Answer 2

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)

Answer 3

const list = [].map.call(document.querySelectorAll('.selectContent1 input:checked'), el => el.value);

console.log(list)

自行变更筛选类名selectContent1