javascript - 从字符串jquery中删除特定字符

标签 javascript jquery

<分区>

好的,所以尽管它看起来是普通的子字符串或替换解决方案答案,但对我来说还是相当复杂的。

我有 3 个复选框 甲、乙、丙 和一个文本框 现在,当用户选择任何复选框时,复选框的值附加到文本框中,即他选择 A 的拳头 -> 文本框将附加 A 然后如果选择 B -> 文本框值将是 A、B 等等。

我已经做到了。 现在的问题是取消选中。

如果 textbox 的值为 A、B、C,即选中的复选框为 A、B、C,如果用户取消选择 B,则值应为 A、C,然后再次取消选择c 则该值应为 A。

我尝试了多种方法,但并不适用于所有条件,有时会变成 A、C 或 A、B

有什么解决办法吗? 提前谢谢你:)

最佳答案

您可以简单地在更改框时重新创建列表

let els = [...document.getElementsByClassName('check')];
els.forEach(e => e.addEventListener('change', () => {
  document.getElementById('foo').value = els.filter(x => x.checked).map(x => x.value).join();
}))
.flex {
  display: flex;
  flex-direction: column;
}
<div class="flex">
  <input id="foo" />
  <label><input type="checkbox" class="check" value="A"/>A</label>
  <label><input type="checkbox" class="check" value="B"/>B</label>
  <label><input type="checkbox" class="check" value="C"/>C</label>
</div>

关于javascript - 从字符串jquery中删除特定字符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53349172/

相关文章:

javascript - jQuery getScript() 与 document.createElement ('script' )

javascript - HTML jQuery .load() 不工作

javascript - 隐藏的谷歌地图在打开时未加载到 fancybox 中

javascript - 在 Javascript 中创建嵌套 div 的最有效方法是什么?

javascript - Jquery 在移动设备的某些点上滚动显示和隐藏 div

javascript - 在没有 JQUERY 的情况下将事件从一个 dom 节点路由到另一个

javascript - 为什么这个onload函数不运行?

javascript - Jquery 非常新。尝试创建 Photoset 网格

jquery - 背景过渡添加类

jquery - 屏幕外的正文内容