之前主要做的后端开发,对于前端也略懂一点,在使用angularjs在页面中添加一个checkbox,javascript中需要获取到该checkbox的值后做进一步的逻辑判断
1.在html中(或者jade文件中)添加checkbox复选框
<input ng-model="explorer" type="checkbox" />
2.在js文件中获取该复选框的值,我的代码
console.log("$scope.explorer:--->"+$scope.explorer);
但是测试后发现打印台输入的是:$scope.explorer:--->undefined,等于浏览器反馈的是explorer未定义的,在anularjs中,ng-model是实现数据绑定的,我按照它的意思去获取该checkbox的值,却得到undefined的结果。
3.在网上搜索了一下,发现问题是checkbox的数据绑定是有两个属性,ng-true-value和ng-false-value,并且可以再搞一个变量,ng-init="false"使得该checkbox默认的value为false,于是我把input写成这样
<input ng-model="explorer",type="checkbox" ng-true-value="true" ng-false-value="