label的click()事件执行两次

如果你的结构是label内写input实现点击文字时候input也有相应。

并且，把事件设置在了label上，那么就会执行两次了。

html:

<label>

<input type="checkbox"/>沪深A股

</label>

jq/js:

$(document).ready(function () {
$("label").click(function (){
alert(1);
});
});

因为：

不了解label的,请看：http://www.w3school.com.cn/tags/tag_label.asp

<label> 标签为 input 元素定义标注（标记）。

label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

<label> 标签的 for 属性应当与相关元素的 id 属性相同。

所以：

看到红色部分解释我们应该知道，当label执行click事件时，那么它会传递给input再执行一次同一click事件。

jq/js:

$(document).ready(function () {
$("input").click(function (){
alert(1);
});
});

把事件放在input上，点击文字也可以click事件执行。而且不会有重复的click事件发生。

html:

<label>

<input type="checkbox"/>沪深A股

</label>

jq/js:

$(document).ready(function () {
$("label").click(function (){
alert(1);
});
});