问答

angularjs 阻止单选框值的改变

作者:admin 2021-07-23 我要评论

单选框 点击某一个选项时进行判断 如果不符合条件则阻止单选框改变(样式不变,ng-model值不变) 应该如何实现? ps:尝试过阻止默认事件,但是问题是事件阻止了(...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

单选框 点击某一个选项时进行判断 如果不符合条件则阻止单选框改变(样式不变,ng-model值不变)
应该如何实现?
ps:尝试过阻止默认事件,但是问题是事件阻止了(样式没变),对应ng-model的值还是改变了。

###

ng-model是直接帮你做了双向绑定的,直接用阻止事件不行的。
你可以把ng-model的值备份一份,如果不符合条件就自己更新回旧值,在ng-click事件里判断。

// html
<div ng-click="vm.func()">
  <label for="">
    <input type="radio" name="num" value="0" ng-model="vm.num">
    0
  </label>
  <label for="">
    <input type="radio" name="num" value="1" ng-model="vm.num">
    1
  </label>
</div>


// js
vm.func = function(){
 if(xxx) {
    vm.num = [old value]
 }
}

大概这个意思。

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • angularjs 阻止单选框值的改变

    angularjs 阻止单选框值的改变

  • typescript遇到refs.current可能为null

    typescript遇到refs.current可能为null

  • express 如何删除所有cookie?

    express 如何删除所有cookie?

  • 把useMemo()赋值给一个变量,提示该变

    把useMemo()赋值给一个变量,提示该变

腾讯云代理商
海外云服务器