angular复选框默认选中以及验证是否至少选中一项

默认选中

页面中实现

<input type="checkbox" ng-model="createPromoCodeForm.value1" ng-false-value=false ng-init="createPromoCodeForm.value1=true" ng-required="!createPromoCodeForm.value2">
  • 使用ng-init给复选框对应的ng-model赋初值为true即可实现默认选中
    ng-true-value的默认值是true,当前复选框被选中时该model值为true

    ng-false-value的默认值是false,当前复选框未被选中时该model值为false

controller中实现

  • 初始化页面时给input对应的ng-model赋值为true。
$scope.createPromoCodeForm.value1=true;

表单验证至少选中一项

自己研究的方法…

<input type="checkbox" ng-model="createPromoCodeForm.value1" ng-required="!createPromoCodeForm.value2">
<input type="checkbox" ng-model="createPromoCodeForm.value2" ng-required="!createPromoCodeForm.value1">

<input type="submit" ng-disabled="createPromoCodeForm.$invalid" class="btn btn-common" ng-value="'Submit'">

描述:
- 当需要输入框至少选中一项,可以用ng-required,判断其他项都未被选中时,此项设置为required,最后的提交按钮设置ng-disabled="createPromoCodeForm.$invalid",即可实现验证表单至少选中一项,否则禁止提交。


END

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值