2015-04-24 10 views
0

Как проверить переключатель? мне нужно, что если $type == '1' проверка ввода и заданное значение = 1Как проверить радиоустройку Angular JS?

Я пробовал:

Первый вход:

<input type="radio" 
     name="sex[]" 
     ng-init="formData.sex = '<?=($type == '1' ? '1' : null)?>" 
     ng-model="formData.sex"' 
     required> 

Второй вход:

<input type="radio" 
      name="sex[]" 
      ng-init="formData.sex = '<?=($type == '2' ? '2' : null)?>" 
      ng-model="formData.sex"' 
      required> 

Когда я Отправить форму Я вижу, что formData.sex = true, поэтому Угловой JS получает значение от второго входа, как только вы выбираете, поскольку условие $type == '1' истинно.

+0

Да, я попробовал, обновил вопрос, проблема в том, что на странице есть две радиокнопки, Угловая JS получает значение со второго. См. Вопрос –

ответ

0

Вам все еще нужно значение:

<input type="radio" 
    name="sex" 
    value="1" 
    ng-init="formData.sex = '<?=($type == '1' ? '1' : null)?>" 
    ng-model="formData.sex"' 
    required> 

<input type="radio" 
    name="sex" 
    value="2" 
    ng-init="formData.sex = '<?=($type == '2' ? '2' : null)?>" 
    ng-model="formData.sex"' 
    required> 
+0

За какое значение, если я подаю через Angular JS? Пробовал, не помогает мне –

0

Try, чтобы увидеть это demo с Plunker

Если тип 1, то первый переключатель проверяется; если тип 2, то радиокнопка 2 является отметкой

это то, что вы ищете?

<body ng-app="radioExample"> 
    <script> 
    angular.module('radioExample', []) 
    .controller('ExampleController', ['$scope', function($scope) { 

     $scope.type = '2'; 

    }]); 
</script> 
<form name="myForm" ng-controller="ExampleController"> 

    <input type="radio" 
     name="sex" 
     value = '1' 
     ng-init="{{sex = type == '1' ? '1' : '2'}}" 
     ng-model="sex" 
     required> <label>1</label> 

    <input type="radio" 
     name="sex" 
     value = '2' 
     ng-init="{{sex = type == '2' ? '2' : '1'}}" 
     ng-model="sex" 
     required> <label>2</label> 

     <br/><br/> Sex is now {{sex}} 

    </form> 

</body> 
Смежные вопросы