Радиокнопка проверяет все кнопки выдачи angularjs

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

http://plnkr.co/edit/IbtUGzuATbcSCmoDMH73

 <div class="row">
          <label class="col-sm-3">Choose Service Category:</label>
          <div class="col-sm-9">
              <div class="col-sm-3">
                <input type="radio" ng-model="">
                <label>Adhoc</label>
                <br/>
                <span>(One Time Service)</span>
              </div>
              <div class="col-sm-3">
                <input type="radio" ng-model="">
                <label>Semi-monthly</label>
                <br/>
                <span>(Every 2 Weeks)</span>
              </div>
              <div class="col-sm-3">
                <input type="radio" ng-model="">
                <label>Monthly</label>
                <br/>
                <span>(Once a Month)</span>
              </div>
              <div class="col-sm-3">
                <input type="radio" ng-model="">
                <label>Weekly</label>
                <br/>
                <span>(Once a Week)</span>
              </div>
          </div> 


    </div>

1 ответ

Им не хватает атрибута "имя". Чтобы переключатели работали вместе, они должны иметь одинаковый HTML-атрибут "name":

<div class="row">
      <label class="col-sm-3">Choose Service Category:</label>
      <div class="col-sm-9">
          <div class="col-sm-3">
            <input type="radio" name="radio-group" ng-model="">
            <label>Adhoc</label>
            <br/>
            <span>(One Time Service)</span>
          </div>
          <div class="col-sm-3">
            <input type="radio" name="radio-group" ng-model="">
            <label>Semi-monthly</label>
            <br/>
            <span>(Every 2 Weeks)</span>
          </div>
          <div class="col-sm-3">
            <input type="radio" name="radio-group" ng-model="">
            <label>Monthly</label>
            <br/>
            <span>(Once a Month)</span>
          </div>
          <div class="col-sm-3">
            <input type="radio" name="radio-group" ng-model="">
            <label>Weekly</label>
            <br/>
            <span>(Once a Week)</span>
          </div>
      </div> 


</div>
Другие вопросы по тегам