angularjs获取页面中checkbox的值的一个小问题

之前主要做的后端开发,对于前端也略懂一点,在使用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="
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值