label点击坑

当我们做单选的时候  一般都会用的label  格式如<label for=""><input trye="radio"/></label>

当我们给label 绑定点击事件的时候，你会发现会出发两次  可以在代码里console.log()打印日志  会输出两次

 

原因：你绑定label点击事件  所以肯定会触发一次  第二次是因为  里面的input 也触发了click事件  这是为什么呢？

这是因为浏览器解析的原因。。。。博大精深就不细说了，

解决：点击事件绑定给别的元素   里面不要放input