radio按钮点击一下触发两次事件
2018-01-29 16:40
821 查看
在项目中发现,切换单选按钮,却触发两次点击事件,代码如下:
change事件放在li元素上或者label上,切换radio时,发现触发了两次点击事件。就是因为点击label的时候,事件冒泡一次,同时会触发关联的input的change事件,导致事再次触发事件。
change事件放在input元素上即可解决该问题。
<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元素上即可解决该问题。
相关文章推荐
- 事件分发机制——避免同时点击两个按钮同时触发两次事件
- Android 按钮点击两次触发不同的事件
- 单选按钮点击一下触发两次事件
- 一个按钮点击两次触发不同事件
- JavaScript点击事件/一个按钮触发另一个按钮
- IE下按回车键会自动触发button 按钮的点击事件的解决方法
- 解决Android按住空白区域,导致点击其他按钮无法触发点击事件的问题
- JQ事件触发,点击按钮A触发按钮B
- easyui datebox控件点击今天按钮不触发onSelect事件的解决方法
- Android MUI的tap事件在部分手机上点击会触发两次或三次的问题
- js 点击按钮触发下一个月上一个月事件,并且进行检测日期是否合法!
- 避免点击触发多个按钮和快速点击多次触发事件
- listview的item中不同的点击按钮触发不同的点击事件
- datagridview 单击特定单元格触发事件 单击按钮列触发事件 (处理点击header触发事件异常)
- asp.net 点击完按钮后刷新页面发现还会触发buttonClick事件
- QT 在界面上添加按钮后点击触发两次槽函数
- 分析BUTTON按钮点击触发COMMAND事件
- 关于登录时输入信息以后敲回车触发登录按钮的点击事件
- 2、移动端input弹出带有搜索按钮的键盘与获取点击搜索按钮触发的事件
- 在TextBox中点击回车时 触发指定按钮click事件的解决方案