라디오 버튼 하나만 확인하는 방법은 무엇입니까?


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

이것은 내 장고 템플릿 의 일부이며, 버튼에 할당 된 답변에 해당하는 여러 라디오 버튼을 인쇄하는 것입니다. 그러나 왜 여러 라디오 버튼을 확인할 수 있는지 모르겠습니다. 그것은 단지 하나의 라디오 버튼을 확인하도록해야하고 어떻게 든 그것을 가지고 있지만 그것을 잃어 버렸습니다. 어떤 도움? 감사합니다.

답변:


432

간단히 같은 이름을 지정하십시오.

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

세상에 ... 이름을 지정하지 않으면 그들은 모두 기본적으로 이름으로 빈 문자열을 가져야합니까? 감사합니다
— Clinteney Hui

20
이름이없는 @Clinteney는 실제로 양식의 일부가 아니며 양식을 제출할 때 해당 값이 전송되지 않습니다. 이 이름은 브라우저에서 라디오 버튼의 "그룹"을 설정하는 데 사용되며 한 번에 하나의 라디오 버튼 만 선택할 수 있으며 다른 버튼을 선택하면 이전 선택이 지워집니다. :)
— Shadow Wizard는 당신을위한 귀입니다.

빙고, 이것은 가장 단순하지만 강력합니다.
— Rishabh

방금 상속 한 프로젝트의 경우 양식의 두 라디오 버튼 이름이 달라야합니다. 한 필드는 ALL 필드이고 다른 필드는 URL의 값에 따라 동적입니다. 사용자는 하나의 라디오 만 선택할 수 있기를 원합니다.
— user3120861

@ user3120861 유일한 방법은 클라이언트 측 코드, 즉 JavaScript를 사용하는 것입니다. 일반 JS에서는 가능하지만 jQuery에서는 더 쉽습니다. 자세한 내용은 채팅에서 알려 주시면 답변을 추가하겠습니다. 건배! :)
— Shadow Wizard is Ear for


41

모든 라디오 버튼의 이름은 동일해야합니다.

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

동일한 이름을 가진 각 버튼 그룹의 단일 라디오 버튼 만 확인할 수 있습니다.


19

그들에게 같은 이름을 주면 작동합니다. 정의에 따라 라디오 버튼은 하나의 선택 만하는 반면 확인란은 많은 것을 가질 수 있습니다.

<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

한 번에 하나의 옵션을 선택할 수 있으려면 모든 단일 선택 단추 옵션의 이름이 동일해야합니다.


그는 허용 대답과 같은 대답을하는 듯했으나 육년 나중에 ... 어쩌면 때문에 @PHPer
— norcal 조니

@norcaljohnny보고 / 플래그 된 상태 여야하지만 투표
— 만하

@PHPer은 쉽게 배우자입니다. 나는 그것을 다운 투표했다고 결코 말하지 않았다. 나는 단지 당신의 의견에 대답했다.
— norcal johnny
당사 사이트를 사용함과 동시에 당사의 쿠키 정책과 개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.