Javascript 基于复选框检查删除文本框值

我有一个动态创建的复选框。当我点击它时，该值会被添加到文本框中。这很好用

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

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 {
}

var ChkId=stringSplit[0]；
var ChkName=stringSplit[1]；
var checkLevel1=$（'input:checkbox[name=LevelOne'+ChkId+']'）。是（':checked'）；
if（checkLevel1==true）{
var txtLevel1=$（“#”）val（）；
$（“#”）val（txtLevel1+ChkName+”）；
}否则{
}

一个更简单的模式是在所有复选框上放置一个公共类，您可以使用该类在复选框发生更改时构建一个值数组，而不是在选中/取消选中复选框时维护值。然后可以将其合并为单个字符串，并设置为文本框的值。大概是这样的：

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

$（document）.on（'change'，'level-one'，function（）{
var values=$（'.level-one:checked'）.map（（i，e）=>e.value.get（）.join（'，'）；
$（“#截面数据”）.val（值）；
});

福
酒吧
起泡
嗡嗡声
老实说，这不是你正在做的最佳实践，但你可以这样做：

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

var ChkId=stringSplit[0]；
var ChkName=stringSplit[1]；
var checkLevel1=$（'input:checkbox[name=LevelOne'+ChkId+']'）。是（':checked'）；
var txtLevel1=$（“#”）val（）；
if（checkLevel1==true）{
$（“#”）val（txtLevel1+ChkName+”）；
}否则{
$（“#”）val（txtLevel1.replace（ChkName+”，”）；
}
你能用生成的html更新帖子吗