点击label出发两次点击事件

我把input框写在label标签里面,出发两次点击事件:

<!-- html -->
<label class="checked-label">
    微信支付<input type="radio" name="pay-type">
</label>
<!-- jq -->
$('.label').click(function(){
    console.log(1);
});

【原因】:在用户选择label标签是,浏览器就会自动把焦点转到和标签相关的表单控件上。so,在label绑定click事件,它会传递给input标签再次执行一次click事件。

所以,把click事件绑定在input控件上,就没事了。

posted @ 2017-04-14 10:52  边直直  阅读(178)  评论(0编辑  收藏  举报