javascript - 如何在angularjs中检查条件复选框

标签 javascript html angularjs

我试图根据 student.ispresent 将我的复选框显示为选中,但它不起作用,即没有使用 ng-checked 得到 checked >。

<div class="col-sm-6" ng-repeat = 'student in vm.students'>
    <div class="form-group">
        <label class="control-label col-sm-6">
            {{student.name}}{{student.ispresent}}
        </label>
        <div class="btn-group col-sm-6" data-toggle="buttons">
            <label class="btn btn-white" ng-click="vm.checkValues(student.id,'Yes')">
                <input type="radio" name="" value="" autocomplete="off" ng-checked="student.ispresent ==='Yes' "> Yes
            </label>
            <label class="btn btn-white" ng-click="vm.checkValues(student.id,'No')">
                <input type="radio" name="" value="" autocomplete="off" ng-checked="student.ispresent ==='Yes' "> No
             </label>
        </div><!--btn-group col-sm-6-->
    </div><!--form_group-->
</div><!--//col-sm-6-->

最佳答案

你应该使用 ngModel指令以及 ngTrueValuengFalseValue 参见 docs

<input type="checkbox" 
     ng-model="student.ispresent" 
     ng-true-value="Yes" 
     ng-false-value="No" />

注意:好像不需要ng-click

DEMO

关于javascript - 如何在angularjs中检查条件复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41183454/

相关文章:

javascript - 用户单击提交后如何从表中删除行/永久禁用提交按钮

javascript - Angular : Calling function in factory from html ng-click

javascript - 在 AJAX/JavaScript 中,如何引用 undefined variable (匿名函数)?

javascript - HTML 标签的 value 属性可以用来存储 JavaScript 代码吗?

javascript - 从 html 中的另一个 javascript 调用函数

AngularJS - 设置在指令模板中定义的模型

javascript - 如何在 Eclipse Luna 中禁用 Tern 同步?

javascript - 使用内联参数触发 javascript 事件

html - 为什么我的浏览器有时无法识别我的服务器 header ?

javascript - angular-bootstrap Accordion 数据绑定(bind)问题