根据复选框检查删除文本框值

新生程序员

我有一个动态创建的复选框。当我单击它时，该值将添加到文本框中。这工作得很好。

取消选中该复选框时如何删除该值？

var ChkId = stringSplit[0];
var ChkName = stringSplit[1];
var checkLevel1 = $('input:checkbox[name=LevelOne' + ChkId + ']').is(':checked');
if (checkLevel1 == true) {
  var txtLevel1 = $("#<%= txtSectionData.ClientID %>").val();
  $("#<%= txtSectionData.ClientID %>").val(txtLevel1 + ChkName + "   ");
} else {
}

罗里·麦克罗森（Rory McCrossan）

而不是在选中/取消选中复选框时保留值，一种更简单的模式是在所有复选框上放置一个通用类，每当一个复选框更改时，便可以使用该类来构建值的数组。然后可以将其连接到一个字符串中，并设置为文本框的值。像这样：

$(document).on('change', '.level-one', function() {
  var values = $('.level-one:checked').map((i, e) => e.value).get().join(', ');
  $('#section-data').val(values);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<label>
  <input type="checkbox" class="level-one" value="foo" /> Foo
</label>
<label>
  <input type="checkbox" class="level-one" value="bar" /> Bar
</label>
<label>
  <input type="checkbox" class="level-one" value="fizz" /> Fizz
</label>
<label>
  <input type="checkbox" class="level-one" value="buzz" /> Buzz
</label>
<input type="text" id="section-data" />

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。