0

我有这个 plunk 文件。在我的代码中，我想创建 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>
4

1 回答 1

2

它们缺少“名称”属性。要使单选按钮协同工作，它们需要具有相同的“名称”HTML 属性：

<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>
于 2015-03-21T08:57:04.670 回答