# 1

嘿,伙计们,

我有一个有三个复选框的表格。其中一个复选框以选中的方式开始。对于其他两个，我想要一个脚本在选中另一个时取消选中一个(工作类似于单选按钮，不同的是我可以取消选中所有它们)。

这个问题
我希望这三个复选框的样式与Webflow的标准不同。为此，我在设置面板中选择自定义。但是每当我这样做时，检查/取消检查的脚本就会停止工作。它只在应用Default样式时工作。

有人遇到过这个问题吗?

我的脚本如下。但我在找到的其他脚本中尝试了它，问题仍然存在。
脚本通过Name属性(data-name)锁定复选框。对于复选框2和3也是一样的;复选框1。因为我想把它们分成两组。

< >脚本var去年;document.addEventListener(“输入”,(e) = > {var =最近e.target.closest(“*[数据名= '检查']”);如果(e.target.closest(“*[数据名]”)){如果(去年)last.checked = false;}如果去年= e。target (e。target ! = =最后);其他最后=定义;}) > < /脚本

图像

这是我的网站只读:链接
（如何共享您的网站只读链接）

＃2

嗨@PiotrDk在我看来，你的任务太复杂了，因为你需要检查A和B之间的多个阶段:

  1. 检查A和/或B是否被选中(初始化状态)
  2. 如果A或B选择存储其状态
  3. 当选择B时，检查A的状态
    A .如果A被选中，设置A的新状态为checked = false
    b.如果A未被选中则返回。
    等。

为什么不禁用不应该是可选的复选框?正如你提到的，你想要两组。其中一组是单个复选框，所以不需要做任何事情，而第二组是两个复选框。

在第二组中，客户端只能选择一个，当选择一个时，第二个将被禁用。在我看来，这是更简单的解决方案。

  1. 检查A和/或B是否被选中(初始化状态)
  2. 如果A被选中，则设置B为disable = true
  3. 当取消选择A set for all disable = false时

如何解决这个任务，这只是我的个人看法。眨眼:

举个例子。

# 3

嘿@Stan

你的解决方案当然是一个优雅的，像一个魅力。谢谢你的代码!

如果你不介意的话，我还有一个问题。

这些复选框的下一步是向它们添加值，这样我就可以计算所有复选框的总价值。为此，我使用Finsweet的价格计算器(hack42）

然而，问题是，即使一个复选框被禁用(当另一个被选中时)，禁用复选框的值仍然被计算。

我猜是在芬斯威特的代码部分。但如果你知道怎么解的话，那就太好了。
我也会试着直接把这个问题发给他们。

下面是hack42代码: