从jquery的多选复选框中获取选中值

fetch checked value from multiselect checkbox in jquery

本文关键字：获取 jquery 复选框      更新时间：2023-09-26

我已经给出了html

<ul class="ui-multiselect-checkboxes ui-helper-reset" style="height: 175px;">
  <li class=" ">
    <label class="ui-corner-all" title="" for="ui-multiselect-opps-option-0">
      <input type="checkbox" title="" value="All" name="opps" id="ui-multiselect-opps-option-0">
      <i>All</i>
    </label>
  </li>
  <li class=" ">
    <label class="ui-corner-all" title="" for="ui-multiselect-opps-option-1">
      <input type="checkbox" title="" value="1" name="opps" id="ui-multiselect-opps-option-1">
      <i>John</i>
    </label>
  </li>
  <li class=" ">
    <label class="ui-corner-all" title="" for="ui-multiselect-opps-option-2">
      <input type="checkbox" aria-selected="true" checked="checked"  title="" value="3" name="opps" id="ui-multiselect-opps-option-2">
      <i>Tim</i>
    </label>
  </li>
  <li class=" ">
    <label class="ui-corner-all" title="" for="ui-multiselect-opps-option-3">
      <input type="checkbox" aria-selected="true" checked="checked" title="" value="2" name="opps" id="ui-multiselect-opps-option-3">
      <i>Tom</i>
    </label>
  </li>
</ul>

和包含给定的jquery代码

$("input[id^='ui-multiselect-opps-option']").attr('checked').val();

，但它不是抓取检查值，请指导我如何通过jquery获取多选检查值。

在jquery中使用.map()它用于将数组或对象中的所有项转换为新的项数组。

var res = $("input[id^='ui-multiselect-opps-option']:checked").map(function() {
  return $(this).val();
}).get();
 console.log(res);

小提琴

相关文章：