Javascript 复选框不显示为未选中
我在Angular应用程序中尝试了以下操作:Javascript 复选框不显示为未选中,javascript,jquery,angularjs,checkbox,Javascript,Jquery,Angularjs,Checkbox,我在Angular应用程序中尝试了以下操作: $(document).on('click touchend', '.dropdown-menu', function(e) { console.log("Inside....click on"); e.stopPropagation(); console.log("stop..prop"); }); 即使ng模型值正确设置为false,我的复选框也不会显示未选中标记。原因可能是什么 我的HTML: function cle
$(document).on('click touchend', '.dropdown-menu', function(e) {
console.log("Inside....click on");
e.stopPropagation();
console.log("stop..prop");
});
即使ng模型值正确设置为false,我的复选框也不会显示未选中标记。原因可能是什么
我的HTML:
function clearAll() {
for (var i = 0; i < vm.list.length; i++) {
if (vm.list[i].flag === true) {
vm.list[i].flag = false;
vm.listFilterCount -= (vm.list[i].value.length + 3);
}
}
vm.listFilterS = '';
vm.count= ' ';
vm.include= [];
vm.list= [];
}
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2 borderAtRight"
<!-- Dropdown and Menu -->
<div class="btn-group topFilterCtrl filterDropdn" dropdown dropdown-append-to-body id="ddlStatus">
<div id="btn-append-to-body" type="button" class="btn btn-primary panelTextFont14 noBorder" dropdown-toggle> Status
<span class="caret caretSpan"></span>
</div>
<ul class="dropdown-menu dropDownLabel" role="menu" aria-labelledby="btn-append-to-body" ng-show="!vm.showthis">
<div class="customScroll">
<li role="menuitem" class="changeColorOnHover" ng-repeat="optionThis in vm.List track by $index" ng-show="list.value != null">
<a href="#">
<div class="checkbox" id="{index}" ng-show="this.value != null" ng-click="vm.applyFilterForResultCount()" ng-change="vm.getCount(this)" ng-model="this.flag">
<label>
<input type="checkbox" ng-click="vm.clickStatusCheckBox(this);$event.stopPropagation();" ng-show="this.value != null" />
{{this.value}}
</label>
</div>
</a>
</li>
</div>
<!--Clear div-->
<li role="menuitem" class="btn btn-default buttonli" ng-click="vm.clearAll()">
<a href="#">
<p>
<span class="clearAllBtn">Clear</span>
<span class="dropDownBtnItem"> – All </span>
</p>
</a>
</li>
</ul>
</div>
函数clearAll(){
对于(var i=0;i
问题截图:
这里缺少很多代码,您能创建一个JSFIDLE吗?我在您的复选框上没有看到
ng型号
,那么为什么它会根据角度值进行更改?这里可能输入错误?:id=“{}index}”
这是发帖时的打字错误。在我的实际代码中,它是正确的。此外,ng model-this.flag正确设置为false。只有unchek没有显示,而复选框总是在清除按钮点击上有右勾号请创建一个JSFIDLE,问题仍然不清楚因为我有动态数据,我无法创建FIDLE。问题是单击“清除”按钮时,复选框应取消选中。但它仍然显示在屏幕截图中