Angularjs 单击单选按钮禁用div 所有SKU 特定SKU 第2部分： 所有SKU 特定SKU

您好。我在禁用div时遇到问题。我有两个div（div1和div2）。如果我单击div1中的所有SKU，则div2应完全禁用。同样，如果我单击div2中的所有SKU，则应禁用div1。ng-disable不使用div。请帮助：）

---

演示：

您需要将div元素包装在某个元素中，

是一个不错的选择。在这里或下面运行脚本

//代码在这里
var-app=angular.module（'myApp'，[]）；
应用程序控制器（'MainCtrl'，函数（$scope）{
$scope.formData={}；
$scope.formData.value=null；
$scope.formData.percenSku=null；
$scope.resetDis=函数（）{
$scope.formData.value=null；
}
$scope.resetDis2=函数（）{
$scope.formData.percenSku=null；
}
});

Div1:{{formData.value}}重置Div1



所有SKU
特定SKU


Div2:{{formData.percenSku}}重置Div2



所有SKU
特定SKU
您可以使用下面的css添加禁用效果：

<div class="col-md-3">
    <div class="form">
        <label class="checkbox-inline"> <input type="radio"
        name="chooseone" value="allSku" ng-model="formData.value">
        All SKUs
        </label> <label class="checkbox-inline"> <input type="radio"
        name="chooseone" value="specificSku" ng-model="formData.value">
        Specific SKUs
        </label>
    </div>
</div>
<label>Div2:</label>        
<div class="col-md-3">
    <div class="form">
        <label class="checkbox-inline"> <input type="radio"
        name="chooseone1" value="allSku"
        ng-model="formData.percenSku"> All SKUs
        </label> <label class="checkbox-inline"> <input type="radio"
        name="chooseone1" value="specificSku"
        ng-model="formData.percenSku"> Specific SKUs
        </label>
    </div>

然后，您只需要使用ng class指令将类添加到标签中。例如

.disableEffect {
    pointer-events: none;
    opacity: 0.5;
}


所有SKU

这将禁用标签。请注意
指针事件：无在IE中不起作用

如果有帮助，请告诉我
 试试这个：

作为包装器放置在
元素的顶部

演示


var myApp=angular.module（'myApp'，[]）；
myApp.controller（'MyCtrl'，函数（$scope）{
});

第1部分：
所有SKU
特定SKU
第2部分：
所有SKU
特定SKU
scope.disableUnitsDiv=函数（类型）{
var el=document.getElementById（“单位”）；
var all=el.getElementsByTagName（'input'）；
如果（类型==“所有SKU”）{
scope.formData.value=“”；
对于（变量i=0；i

我给出了div id和检索到的元素，并禁用了每个html输入。它起作用了：）
ng disabled默认情况下仅在表单元素中起作用，您可以使用指令禁用div@amansinghgusain no ng disabled is not working yes ing disabled将不在div中起作用，因为它不是形式element@AnushaBayya你查过我的答案了吗？
<label class="checkbox-inline" 
       ng-class="{'disableEffect': formData.value == 'allSku'}">
       <input type="radio" name="chooseone1" value="allSku" ng-model="formData.percenSku"> All SKUs

scope.disableUnitsDiv = function(type) {        
        var el = document.getElementById("units");
        var all = el.getElementsByTagName('input');
        if(type === "allSku") {
            scope.formData.value = "";
            for (var i = 0; i < all.length; i++) {
                all[i].disabled = true;
            }
        }
        else {
            for (var i = 0; i < all.length; i++) {
                all[i].disabled = false;
            }
        }

    };