Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 复选框不显示为未选中_Javascript_Jquery_Angularjs_Checkbox - Fatal编程技术网

Javascript 复选框不显示为未选中

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

我在Angular应用程序中尝试了以下操作:

$(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。问题是单击“清除”按钮时,复选框应取消选中。但它仍然显示在屏幕截图中