Question

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

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

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

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

因此，如果在选中checkbox1之前选中了checkbox2，则如果用户尝试取消选中checkbox2，则应继续选中它。

如果在选择checkbox1之前未选中checkbox2，则应该保持选中状态。

如何最好地做到这一点？

Answer 1

在纯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

Answer 2

这是使用javascript的解决方法

https://jsfiddle.net/gui3_/xf9rjanw/7/

或纯HTML格式：

<input type="checkbox" id="check1">
<label>checkbox 1</label>
<br/>

<input type="checkbox" id="check2">
<label>checkbox 2</label>
<br/>

<script>
document.querySelector("#check1")
  .addEventListener("click", event=>{
    let check2 = document.querySelector("#check2")
    check2.disabled = !check2.disabled;
  });
</script>

Answer 3

昨天我问了一个问题后不久，我就找到了解决方案。我需要在onclick或onchange中输入# to get both capitalized add .title() once here at "message". first_name="ada" last_name="lovelace" full_name=f"{first_name} {last_name}" message=(f"{full_name.title()}") print(message)。

我知道这与最佳实践有些抵触，不会禁用不能更改的复选框，但是我们评估过，与我们选择的解决方案相比，它会使用户更加困惑。

保持复选框状态取决于其自身的状态和另一个复选框

3 个答案: