javascript - jquery .map() 复选框

Question

$(function() {
  $('input[type=checkbox]:checked').map(function() {
    alert($("#chk_option").val());
    $("#chk_option").val(this.value);
  }).get();
});

HTML代码

<div>

  <center>
    <form id="form_tarif" class="form-horizontal" style="padding-top:57px;" action="pricesinput" method="POST">

      <input type="hidden" id="chk_option" name="chk_option">

      <input type="hidden" id="chk_option_remove" name="chk_option_remove">

      <c:forEach items="${option_tarif_list}" var="option_tarif" varStatus="loop">
        <div class="checkbox1">
          <label>
            <input type="checkbox" name="tarif_inclue[]" value="${option_tarif.id}" class="checkboxchk" id="option_tarif_chk_${option_tarif.id}">${option_tarif.libelle}
          </label>
        </div>
      </c:forEach
   </form>
 </center>

</div>

我需要 id chk_option 以供将来使用。我怎样才能使该 ID 中包含选定复选框值的数组。

Java代码

我需要如下所示的id

Integer trimmedOptionSplit = 0;
String optionChkStr = request.getParameter("chk_option");
String[] optionSplitStrs = optionChkStr.split(",");

Answer 1

使用逗号分隔格式获取选中的复选框值:

var checkedelemids = $('input[type=checkbox]:checked').map(function(){
    return this.value;
}).get().join(",");

然后您可以使用以下方法将值设置为隐藏输入:

$('#chk_option').val(checkedelemids);