كيف أخزّن قيم checkbox المفعلة في حقل مخفي بعد الضغط على زر؟

استعمل دالة join  لدمج القيم في مصفوفة قيم :

حيث يمكنك إظهار القيم في آخر الكود، ثم عمل الكود البرمجي المراد منها.

var values = [];

  $('[id^="chk"]:checked:not("#chkAll"):not("[id^="chkParent"]")').each(function() {
    values.push($(this).val());
  });

  alert(values.join());

أو باستعمال id عشوائي :

<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" />

ملف javascript:

function Savecheckedvalueinhiddenfield() {
  var values = [];

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

  alert(values.join());
}