Як дозволити перевірити лише одну перемикач?


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

Це частина мого шаблону django , що він повинен зробити, це роздрукувати декілька радіо кнопок, що відповідають відповідям, призначеним кнопкам. Але я не знаю, чому я можу перевірити декілька перемикачів, які мене зіпсували. Він повинен лише дозволити мені перевірити одну перемикач, і я це якось мав, але я її втратив. Будь-яка допомога? Дякую.

Відповіді:


432

Просто дайте їм те саме ім’я:

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

OMG ... ну, якщо я не присвоюю їм імена. всі вони повинні мати порожню рядок як ім'я за замовчуванням, правда? Дякую
Клінтені Хуй

20
@Clinteney без імені вони насправді не є частиною форми, і їх значення не надсилатиметься при надсиланні форми. Ім'я використовується браузером для встановлення "груп" радіо кнопок, за один раз може бути вибрана лише одна радіо кнопка в кожній групі, а вибір іншої очистить попередній вибір. :)
Shadow Wizard is Ear For You

Бінго, це найпростіший, але потужний.
Рішаб

Щодо проекту, який я щойно успадкував, обидві радіо кнопки на моїй формі ПОВИНЕН бути названі по-різному. Одне поле - це ВСЕ поле, інше - динамічне, засноване на значенні в URL-адресі. Вони хочуть, щоб користувач міг вибрати лише одне радіо.
користувач3120861

@ user3120861, тому єдиним способом є використання коду клієнтської сторони, тобто JavaScript. Це можливо з звичайним JS, але простіше з jQuery. Для отримання більш детальної інформації, будь ласка, заведіть мене в чаті, і якщо ми щось отримаємо, я додам відповідь. Ура! :)
Shadow Wizard є Ear For You


41

Усі перемикачі повинні мати однакову назву:

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

Можна перевірити лише 1 перемикач кожної групи кнопок з однаковою назвою.


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, можливо, тому, що він дав таку ж відповідь, що і прийняту відповідь, але через 6 років ...
norcal johnny

@norcaljohnny Слід повідомити / позначити, але просто проголосувати це як
нечесно

@PHPer прийняти це легко товариш. Я ніколи не казав, що я спростував це, я просто відповів на ваш коментар, чому це, можливо, було знято з посади.
norcal johnny
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.