Я хочу включить и отключить группу переключателей с помощью флажка

0

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)
   );
  }
}
  • 0
    В чем здесь проблема?
  • 0
    группа кнопок не отключается с этим кодом
Теги:

2 ответа

1
Лучший ответ

попробуй это

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>

JS

 No need of any JS. ;)
Поделиться
  • 0
    Это не отключит группу кнопок, вместо этого она будет скрывать ее. Я надеюсь, что это то, что вы пытались достичь.
  • 0
    Можно ли отключить группу кнопок.
Показать ещё 6 комментариев
0

Ng-disabled на fieldset - это то, что вам нужно.

<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>
Поделиться
  • 0
    Я пробовал ваш код, но он не работает.
  • 0
    Может быть, изменить ng-disabled = "checked" на ng-disabled = "! Checked"?

Ещё вопросы

Сообщество Overcoder
Наверх
Меню