Как предотвратить множественный выбор в переключателе?

Question

Как предотвратить множественный выбор в переключателе?

0

У меня этот код:

<form name="quiz" ng-submit="quiz.answer(selected)">
  <label>
    <input type="radio" ng-model="selected" ng-value="true"> Red
  </label>
  <br/>
  <label>
    <input type="radio" ng-model="selected" ng-value="false"> Green
  </label>
  <br/>
  <label>
    <input type="radio" ng-model="selected" ng-value="false"> Blue
  </label>
  <br/>
  <label>
    <input type="radio" ng-model="selected" ng-value="false"> Yellow
  </label>
  <br/>
  <input type="submit" id="submit" value="Submit" />
</form>

Как предотвратить одновременное выделение всех ложных значений, если я нажму один?

userqwert 19 июль 2016, в 18:26

Источник

1

Ну, вопрос: почему у вас 3 переключателя с одинаковым значением?
developer033 19 июль 2016, в 15:37
0

Также я предлагаю вам прочитать docs docs.angularjs.org/api/ng/input/input%5Bradio%5D о том, как и когда использовать ng-value .
developer033 19 июль 2016, в 15:43

Теги:

javascript

angularjs

html5

2 ответа

2

<form name="quiz" ng-submit="quiz.answer(selected)">
  <label>
    <input type="radio" ng-model="selected" ng-value="red">
    Red
  </label><br/>
  <label>
    <input type="radio" ng-model="selected" ng-value="green">
    Green
  </label><br/>
  <label>
    <input type="radio" ng-model="selected" ng-value="blue">
    Blue
  </label><br/>
  <label>
    <input type="radio" ng-model="selected" ng-value="yellow">
    Yellow
  </label><br/>
  <input type="submit" id="submit" value="Submit" />
</form>

Дайте каждому из переключателей определенное значение.

Aaron Averett 19 июль 2016, в 13:54

0

Также в этом случае ng-value действительно не нужно.
developer033 19 июль 2016, в 15:39

Ещё вопросы

Ну, вопрос: почему у вас 3 переключателя с одинаковым значением?
Также я предлагаю вам прочитать docs docs.angularjs.org/api/ng/input/input%5Bradio%5D о том, как и когда использовать ng-value .
Также в этом случае ng-value действительно не нужно.

KCFragrance · Accepted Answer · 2016-07-19T12-50-00.000Z

В соответствии с моим пониманием вы хотите сгруппировать радиокнопки, чтобы один из них выбирался за раз, когда вы можете сделать это, добавив атрибут имени в каждый переключатель и присвоив одинаковое имя всем им. Поэтому во время отправки вы можете получить значение выбранной переменной в вызове функции отправки.

   <form name="quiz" ng-submit="quiz.answer(selected)">
         <label>
    <input type="radio" name="quizOption" ng-model="selected" ng-value="true">
    Red
  </label><br/>
  <label>
    <input type="radio" name="quizOption" ng-model="selected" ng-value="false">
    Green
  </label><br/>
  <label>
    <input type="radio" name="quizOption" ng-model="selected" ng-value="false">
    Blue
  </label><br/>
  <label>
    <input type="radio" name="quizOption" ng-model="selected" ng-value="false">
    Yellow
  </label><br/>
  <input type="submit" id="submit" value="Submit" />
</form>