如何使用jquery获取li中复选框的值

时间:2014-01-15 15:43:00

标签: javascript jquery html

我有下面的HTML。它有一个带有LI的UI,每个都有一个复选框。现在我想知道已经检查过的所有问题的价值。但我无法思考如何做到这一点。是否有任何功能或方法来做到这一点。

HTML:

<ui>
<li><input type="checkbox" class="left select-all"><h3>Select all</h3><div class="clear"></div>
</li><li class="sub_checkbox_list_box">
<input type="checkbox" class="left selector" value=8>
<h3>ruleSetproductSelectionFilterTrial1</h3>
<input type="hidden" value=2013-12-25>
<div class="clear"></div>
</li>

<li class="sub_checkbox_list_box">
<input type="checkbox" class="left selector" value=12>
<h3>ruleSetSudhanshuSelectAllBugTrial2</h3>
<input type="hidden" value=2013-12-27>
<div class="clear"></div>
</li>

<li class="sub_checkbox_list_box">
<input type="checkbox" class="left selector" value=13>
<h3>ruleSetSelectAllBugTrial3Sudh</h3>
<input type="hidden" value=2013-12-27>
<div class="clear"></div>
</li>
</ui>

1 个答案:

答案 0 :(得分:1)

这是一个简单的方法,

var checkedValues = $("li input[type=checkbox]:checked").map(function () {
  return $(this).val();
});
console.log(checkedValues.get());