选中后,如果未选择,角度单选按钮组将变为false

时间:2016-03-11 12:52:35

标签: angularjs

我有一个带有单选按钮组的表单,值为ng-value = true它们都是我必须使用的模型上的自己的实体,如果用户选择了一个,那么改变他们的想法它仍然是真的。如果以有角度的方式取消选择,我该怎么做?

我有一个情况plunkr

<label class="radio-inline">
            <input type="radio"
                   data-ng-value="true"
                   data-ng-model="vm.minorWorks.earthArTNS"
                   id="minorTns"
                   name="earthArrangements" />
            <strong> TN-S</strong>
        </label>
        <label class="radio-inline">
            <input type="radio"
                   data-ng-value="true"
                   data-ng-model="vm.minorWorks.earthArTNCS"
                   id="minorTncs"
                   name="earthArrangements" />
            <strong>TN-C-S</strong>
        </label>
        <label class="radio-inline">
            <input type="radio"
                   data-ng-value="true"
                   data-ng-model="vm.minorWorks.earthArTT"
                   id="minorTt"
                   name="earthArrangements" />
            <strong>TT</strong>
        </label>
        <label class="radio-inline">
            <input type="radio"
                   id="minorOther"
                   name="earthArrangements"
                   data-ng-value="true"
                   data-ng-model="vm.minorWorks.earthArOther"
                   data-ng-change="vm.minorWorks.earthArSpecify = vm.minorWorks.earthArOther ? vm.minorWorks.earthArSpecify : ''" />
            <strong>OTHER</strong>
        </label>

1 个答案:

答案 0 :(得分:0)

您可以在复选框ng-click="checkState(model)"

中添加一个功能

和.js

$scope.checkState = function(model){
    if(model) { // if model = true
        model = false; //set model to false
    }
}