jquery中 label 的 click事件执行两次

Posted 2023-03-19

<label class="radio" data-name="chooseAType"><input name="atype" value="0" type="radio"/>点击</label>
如果我给 外层的label 定义一个click事件：$('label.radio').click(function()alert('label click'););
表现为：IE下，执行1次；FF下，执行2次；
FF下，如果里面没有radio input，就不会执行2次；

于是我改成，去掉外层label的click事件，给内层得radio定义事件：$(‘input[name="atype"]').click(function()alert('input click'););
表现为：IE下，除非我有代码执行$(‘input[name="atype"]').click();会执行外，页面上的手动鼠标点击是无响应的。FF下，就反应正常。

请问是为啥？谢谢

参考技术A 试试这个
$('label.radio').die('click').live('click',function()alert('label click'););

参考技术B 用$('label.radio').unbind("click").click(function()alert('label click'););
在click之前加个.unbind("click")