Question

我想将已选中的复选框值存储到我的隐藏字段中，但我没有获得价值。

我有一个隐藏的字段名称为Storecheckvalue，我希望将选中的复选框值以逗号分隔的方式存储到此隐藏字段中。

这是我的小提琴： Js Fiddle

Answer 1

你可以创建一个数组并遍历所有选中的复选框以更新数组

var values = [];

$('input[type="checkbox"][id^="chkchild"]:checked').each(function(){
    values.push($(this).val());
});

alert(values);

Working Demo

Answer 2

使用join函数连接值数组：

<input class="not" type="checkbox" id="chkAll" onchange="Checkallcheckbox(this)" runat="server" value="Parent" />
<br /> ---------Section 1 -----------
<div id="section1">
  <input type="hidden" value="" id="Storecheckvalue" />
  <li class="carousel-border">
    <input class="not" type="checkbox" id="chkParent1" runat="server" onchange="CheckAllInSection(this)" value="Check All" />
  </li>
  <li>
    <input type="checkbox" id="chkchild1" runat="server" value="Child 1" />
  </li>
  <li>
    <input type="checkbox" id="chkchild2" runat="server" value="Child 2" />
  </li>
</div>

---------Section 2 -----------
<div id="section2">
  <li class="carousel-border">
    <input class="not" type="checkbox" id="chkParent2" runat="server" onchange="CheckAllInSection(this)" value="Check All" />
  </li>
  <li>
    <input type="checkbox" id="chkchild3" runat="server" value="Child 3" />
  </li>
  <li>
    <input type="checkbox" id="chkchild4" runat="server" value="Child 4" />
  </li>
</div>

<input type="button" onclick="Savecheckedvalueinhiddenfield()" value="GetCheckedId" />

请参阅：http://jsfiddle.net/1kemunrt/2/

或随机id使用控件的类

function Savecheckedvalueinhiddenfield() {
  var values = [];

  $(':checked:not(".not")').each(function() {
    values.push($(this).val());
  });

  alert(values.join());
}

JS：

{{1}}

如何在按钮点击事件的隐藏字段中存储逗号分隔复选框值？

2 个答案: