Как установить свойство переключателя на флажок

Question

В моем коде есть две радиокнопки:

<input type="radio" id='production' ng-click="division($event)" ng-model="formData.division" value="Production">
  <label for="production">Production</label>

<input type="radio" id='operation' ng-click="division($event)" ng-model="formData.division" value="Operations">
  <label for="operation">Operations</label>

И после них есть еще радиокнопки:

<div class="prod">
  <h2>Production</h2>
    <label><b>Project Captain: <small id="small">*</small></b></label>
    <input type="radio" class="projCap" ng-model="formData.projCap" value="yes">Yes
    <input type="radio" class="projCap" ng-model="formData.projCap" value="no">No

    <label><b>Supervisor: <small id="small">*</small></b></label>
    <input type="radio" ng-model="formData.supervisor" value="yes">Yes
    <input type="radio" ng-model="formData.supervisor" value="no">No<br><br>
</div>

<div class="op">
  <h2>Operations</h2>
    <label><b>Manager: <small id="small">*</small></b></label>
    <input type="radio" ng-model="formData.mngr" value="yes">Yes
    <input type="radio" ng-model="formData.mngr" value="no">No   

    <label><b>Assistant Manager: <small id="small">*</small></b></label>
    <input type="radio" ng-model="formData.asMngr" value="yes">Yes
    <input type="radio" ng-model="formData.asMngr" value="no">No  <br><br>
</div>

Я хочу сэкономить время для пользователя, например, еслипользователь выбирает Production, он должен автоматически установить все переключатели на no внутри div op.Если Operations, то все переключатели со значением no должны быть выбраны внутри div prod.

Моя функция в контроллере:

$scope.division = function(event) {
  if(event.target.id === 'production'){
    $('.op').find('input:radio').prop('checked', true);
    $('.prod').find('input:radio').prop('checked', false);
  }else{
    $('.prod').find('input:radio').prop('checked', true); 
    $('.op').find('input:radio').prop('checked', false);
  }  
};

Он выберет значения yes и no:

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

Answer 1

Попробуйте:

$('.op').find('input:radio[value="no"]').prop('checked', true);

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

Проверьте этот пример:

$(document).ready(function(){
  $('.op').find('input:radio[value="no"]').prop('checked', true);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="op">
  <h2>Operations</h2>
    <label><b>Manager: <small id="small">*</small></b></label>
    <input type="radio" name="group1" ng-model="formData.mngr" value="yes">Yes
    <input type="radio" name="group1" ng-model="formData.mngr" value="no">No   

    <label><b>Assistant Manager: <small id="small">*</small></b></label>
    <input type="radio" name="group2" ng-model="formData.asMngr" value="yes">Yes
    <input type="radio" name="group2" ng-model="formData.asMngr" value="no">No  <br><br>
</div>