Question

我怎么办？例如我有两个复选框，这两个框都无法正常工作。 CSS等等，但我该怎么做？

<input id="val1" type="checkbox" />
<label for="val1">Value1</label>
<input id="val2" type="checkbox" />
<label for="val2">Value2</label>

感谢您的关注。干得好......

Answer 1

听起来你想拥有两个无法同时选择的控件。在HTML中，这将是一个单选按钮，而不是一个复选框。您将使用相同的name属性使它们成为一个功能组：

<input id="val1" type="radio" name="foo" />
<label for="val1">Value1</label>
<input id="val2" type="radio" name="foo" />
<label for="val2">Value2</label>

但请注意，一旦用户选择了单选按钮，单选按钮组就无法重置为“无选择”状态，除非通过重置按钮（实际上是一个销毁按钮，应该避免）几乎任何成本）或通过脚本。

因此，包含一个无选择的虚拟条目通常很有用：

<input id="val0" type="radio" name="foo" checked="checked" />
<label for="val0">Not answered yet</label>
<input id="val1" type="radio" name="foo" />
<label for="val1">Value1</label>
<input id="val2" type="radio" name="foo" />
<label for="val2">Value2</label>

两个复选框不会同时打开

1 个答案: