html - 2つのチェックボックスが同時に開かない

Question

どうすればいいですか？たとえば、2つのチェックボックスがあり、これらのボックスは両方とも機能しません。CSSなどですが、どうすればよいですか？

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

興味を持っていただきありがとうございます。よくできました..

Answer 1

同時に選択できない2つのコントロールが必要なようです。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>