我想用一個複選框

HTML代碼，其中按鈕組聲明我想用一個複選框

<tr> 
    <div class="checkbox"> 
    <td class="fc">INACTIVE <label> <input type="checkbox" data-toggle="toggle-checkbox" ng-change="isCheckboxChecked()" >  </label></td> 
    <td style="visibility:$scope.isCheckboxChecked()=="true""> 
    <div class="btn-group"> 
     <label class="btn-primary btn "> 
     <input type="radio" name="options4" ng-model=" option4" value="rewards" ng-required="!option4" > Rewards 
     </label> 
     <label class="btn-primary btn "> 
     <input type="radio" name="options4" ng-model=" option4" value="awards" ng-required="!option4"> Awards 
     </label> 
     <label class="btn-primary btn"> 
     <input type="radio" name="options4" ng-model=" option4" value="offers" ng-required="!option4"> Offers 
     </label> 
    </div> 
    </td> 
</tr>

該複選框角腳本啓用和禁用單選按鈕組。

validationApp.controller('mainController', function($scope) { 
    $scope.isCheckboxChecked = function() { 
    return ($scope.isCheckboxChecked(true) 
    ); 
    } 
}

來源

2015-12-22 V Jayanth Reddy

這裏有什麼問題？ –

按鈕組不會禁用此代碼 –

試試這個

HTML的字段集

<tr> 
<div class="checkbox"><td class="fc">INACTIVE <label> <input type="checkbox" ng-model="isChecked" >  </label></td> 
<td ng-if="isChecked==true"><div class="btn-group"> 
    <label class="btn-primary btn "> 
    <input type="radio" name="options4" ng-model=" option4" value="rewards" ng-required="!option4" > Rewards 
    </label> 
    <label class="btn-primary btn "> 
    <input type="radio" name="options4" ng-model=" option4" value="awards" ng-required="!option4"> Awards 
    </label> 
    <label class="btn-primary btn"> 
    <input type="radio" name="options4" ng-model=" option4" value="offers" ng-required="!option4"> Offers 
    </label> 
    </div></td> 
     </tr>

No need of any JS. ;)

來源

2015-12-22 08:24:36 Yogesh

這不會禁用按鈕組，而是會隱藏它。我希望這是你想要實現的。 – Yogesh

是否可以禁用按鈕組。 –

是的，如果您要禁用單選按鈕，請在每個元素上使用ng-disabled =「isChecked == true」。我不知道這會工作，如果你直接在div上使用它。 – Yogesh

吳殘疾是你所需要的。

<tr> 
    <div class="checkbox"> 
     <td class="fc">INACTIVE <label><input type="checkbox" data-toggle="toggle-checkbox" ng-model="checked" ></label></td> 
     <td> 
      <fieldset class="btn-group" ng-disabled="checked"> 
       <label class="btn-primary btn "> 
       <input type="radio" name="options4" ng-model=" option4" value="rewards" ng-required="!option4" > Rewards 
       </label> 
       <label class="btn-primary btn "> 
       <input type="radio" name="options4" ng-model=" option4" value="awards" ng-required="!option4"> Awards 
       </label> 
       <label class="btn-primary btn"> 
       <input type="radio" name="options4" ng-model=" option4" value="offers" ng-required="!option4"> Offers 
       </label> 
      </fieldset> 
     </td> 
    </div> 
</tr>

來源

2015-12-22 08:34:01

我試過了你的代碼，但它不起作用。 –

也許更改ng-disabled =「checked」爲ng-disabled =「！checked」？ –

我想用一個複選框

回答

相關問題