我在angularjs/bootstrap应用程序中使用了一个复选框,我面临的问题是,当我在未选中它时单击它,它不会显示复选标记。不过正在调用toggleval()方法,它正在执行步骤,但没有显示复选标记。此外,我的范围变量myvar是0或1,我希望相应地显示它。
<a href class="list-group-item list-group-item-action flex-column align-items-start">
<div class="d-flex w-100 justify-content-between mt-2">
<input ng-click="toggleVal()" class="form-check-input ml-2" type="checkbox"
ng-model="myvar"
ng-checked="myvar"
ng-true-value="1" ng-false-value="0">
</div>
</a>
--更新:所以我添加了一些额外的细节,包括更新的代码。该复选框位于可能影响选择的引导列表组项目内。
1条答案
按热度按时间eqqqjvef1#
问题是
anchor tag
. 当你们点击复选框时,实际上你们也点击了锚定标签。这意味着您的复选框在每次单击中单击两次。要解决此问题,只需添加
href="Javascript:void(0);"
到你的锚标签。这是工作样品。