我把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控件上,就没事了。