时间戳

首页 > 解决方案 > 根据自己的状态和另一个复选框保持复选框状态

html - 根据自己的状态和另一个复选框保持复选框状态

问题描述

也许这很容易，我只是看不到森林的树，但我需要一些帮助...... ;-)

用英语解释有点困难，但我们开始吧。您可能需要阅读几次才能理解，因为“检查”会出现很多:-)

我在一个页面上有 2 个复选框。

如果未选中 checkbox1，则 checkbox2 应该正常工作。因此用户可以选中和/或取消选中它并保存它。但是如果 checkbox1 被选中，那么 checkbox2 应该以某种方式保持其状态。

因此，如果在选中 checkbox1 之前选中了 checkbox2，那么如果用户试图取消选中 checkbox2，它应该继续被选中。

如果在选中 checkbox1 之前未选中 checkbox2，那么它应该一直处于未选中状态。

我如何以最好的方式做到这一点？

标签： html

解决方案

这在纯 html 中是不可能的。Html 复选框彼此独立工作。不过添加 JavaScript 还是比较简单的，有几种处理方式。这是一个简单的：

let one=document.getElementById("one");
let two=document.getElementById("two");
one.onchange = (e) => two.disabled = ! two.disabled;
<input id="one" type="checkbox" name="one" value="1">1
<input id="two" type="checkbox" name="two" value="2">2

推荐阅读