单击复选框添加和删除字符串中的值

时间:2018-08-17 22:47:19

标签: javascript jquery checkbox

我有很多复选框需要选中时才能获取其值。我想将它们保存在ID号和':'分隔符的文本字段中。

很难解释,但是我将先显示代码,然后再解释我的想法,

  <input name="types" type="text" id="types" value="">
  <input name="class" type="text" id="class" value="">

 <input type='checkbox' data-toggle='collapse' id = "1" data-target='#collapsediv1'> Coach
 </input></li>

<div id='collapsediv1' class='collapse div1'>
<li class="coach"><input type="checkbox" value="1"> Economy</li>
<li class="coach"><input type="checkbox" value="2"> Standard</li>
<li class="coach"><input type="checkbox" value="3"> Executive</li>
<li class="coach"><input type="checkbox" value="4"> Premium</li>
</div></li>

 <input type='checkbox' data-toggle='collapse' id="2" data-target='#collapsediv1'> Coach
 </input></li>

<div id='collapsediv1' class='collapse div1'>
<li class="coach"><input type="checkbox" value="5"> Economy</li>
<li class="coach"><input type="checkbox" value="6"> Standard</li>
<li class="coach"><input type="checkbox" value="7"> Executive</li>
<li class="coach"><input type="checkbox" value="8"> Premium</li>
</div></li>

因此,我有一个复选框ID 1,当单击该复选框时,它会折叠一个div和另外4个复选框。首先,当Coach或ID 1被选中时,我想在值类型中添加:1:,如果单击其中的任何复选框,则在类值中添加类似:1:3:etc的值。 我可以添加它们,但未选中时似乎无法删除它们?另外,我只能使用单独的功能来做到这一点,但是必须只有几个功能吗?

任何建议的帮助都很好,谢谢

0 个答案:

没有答案