您的位置:首页 > Web前端

radio按钮点击一下触发两次事件

2018-01-29 16:40 821 查看
在项目中发现,切换单选按钮,却触发两次点击事件,代码如下:

<ul>
<li class="m-r-sm pull-left">
<label class="i-checks" ng-change="selectTime('1')">
<input type="radio" ng-model="timeChosen" value="1"/><i></i>周一</label>
</li>
<li class="m-r-sm pull-left">
<label class="i-checks" ng-change="selectTime('2')">
<input type="radio" ng-model="timeChosen" value="2"/><i></i>周二</label>
</li>
</ul>


change事件放在li元素上或者label上,切换radio时,发现触发了两次点击事件。就是因为点击label的时候,事件冒泡一次,同时会触发关联的input的change事件,导致事再次触发事件。

change事件放在input元素上即可解决该问题。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  前端 radio