javascript - jQuery 从 name[] 获取选中的复选框

Question

我有这样的复选框:

<ul id="searchFilter">
    <li><input type="checkbox" name="price[]" class="cb_price" value="1"> $200,000 to $299,999</li>
    <li><input type="checkbox" name="price[]" class="cb_price" value="3"> $300,000 to $399,999</li>
    <li><input type="checkbox" name="price[]" class="cb_price" value="5"> $400,000 to $499,999</li>
    <li><input type="checkbox" name="price[]" class="cb_price" value="8"> $500,000+</li>
</ul>

我如何提醒 price[] 以查看选中的内容？我是 jquery 的新手:(

Answer 1

首先，您可以通过名称获取复选框:

var checkboxes = $('input[name="price[]"]');

然后，要获取checked的值，可以通过伪选择器:checked进行过滤，然后收集它们的值小号:

checkboxes.filter(":checked").map(function () {
    return this.value;
}).get()

演示: http://jsfiddle.net/Fn9WV/

---

引用资料:

• jQuery().filter() - http://api.jquery.com/filter/
• jQuery().map() - http://api.jquery.com/map/