ラジオボタンを1つだけチェックできるようにするにはどうすればよいですか?


145
{% for each in AnswerQuery %}
    <form action={{address}}>
        <span>{{each.answer}}</span><input type='radio'>
        <span>Votes:{{each.answercount}}</span>
        <br>
    </form>
{% endfor %}

これは私のdjangoテンプレートの一部であり、ボタンに割り当てられた回答に対応するいくつかのラジオボタンを印刷することを想定しています。しかし、なぜ複数のラジオボタンをチェックできるのかわかりません。ラジオボタンを1つだけチェックすることになっているはずですが、どういうわけかそれがありましたが、それを失いました。何か助け?ありがとうございました。

回答:


432

それらに同じ名前を付けるだけです。

<input type="radio" name="radAnswer" />

OMG ...まあ、私はそれらに名前を割り当てない場合。それらはすべてデフォルトで名前として空の文字列を持っているはずですよね?ありがとう
Clinteney Hui

20
名前のない@Clinteneyは実際にはフォームの一部ではなく、フォームの送信時にその値は送信されません。この名前はブラウザがラジオボタンの「グループ」を設定するために使用されます。各グループのラジオボタンは一度に1つしか選択できず、他のラジオボタンを選択すると以前の選択がクリアされます。:)
シャドウウィザードは、あなたのための耳です

ビンゴ、これは最もシンプルですが強力です。
リシャブ


41

すべてのラジオボタンには同じ名前を付ける必要があります。

<input type='radio' name='foo'>

同じ名前のボタンの各グループの1つのラジオボタンのみをチェックできます。


19

それらに同じ名前を付ければ、うまくいきます。定義上、ラジオボタンには1つの選択肢しかありませんが、チェックボックスには多くの選択肢があります。

<input type="radio" name="Radio1" />


7

使用しているフォーム全体に同じ名前を付けてください。

<form><input type="radio" name="selection">
      <input type="radio" name="selection">
      ..
      ..
</form>

6

「name」属性を追加し、フォーム内のすべてのラジオボタンの名前を同じにします。

つまり、

<input type="radio" name="test" value="value1"> Value 1
<input type="radio" name="test" value="value2"> Value 2
<input type="radio" name="test" value="value3"> Value 3

お役に立てば幸いです。


5

一度に1つのオプションを選択できるようにするには、すべてのラジオボタンオプションに同じ名前を付ける必要があります。


@PHPerは、彼が承認された回答と同じ回答をしたが、6年後の理由かもしれません...
norcal johnny

@norcaljohnny報告/フラグを立てる必要がありますが、投票するだけでは無意味です
PHPer

@PHPerは簡単に対応できます。反対票を投じたとは言いませんでした。理由については、単に反対票を投じられた可能性があるため、コメントに返信しました。
ノーカルジョニー
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.