如何使用jquery获取li中复选框的值[重复]答案

【问题标题】：how to get value of checked boxes in li using jquery [duplicate]如何使用jquery获取li中复选框的值[重复]
【发布时间】：2014-01-15 23:52:06
【问题描述】：

我有下面的 html。它有 UI，每个 LI 都有一个复选框。现在我想知道已经检查过的所有这些 li 的值。但我不知道该怎么做。有什么功能或方法可以做到这一点。

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>

【问题讨论】：

您忘记发布您尝试过的 JavaScript。
给你一个提示$.each($('input[type="checkbox"]:checked'), function(){ //do somethig});
实际上我是这样尝试的 $('#leftSection li:gt(i) .selector').val();但很快意识到这绝对是垃圾。当我们选择时，什么都没有改变。如何获得它。
@Satpal - 也许你的意思是$('input:checkbox:checked').each(function(){ //do something });...
@Satpal 谢谢。让我试试……

标签： javascript jquery html

【解决方案1】：

这是一个简单的方法，

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

【讨论】：