复选框中的jquery移动可点击链接

Question

似乎很难在复选框标签内部使用链接，覆盖默认点击事件

<input type="checkbox" name="pr1" id="checkbox-5a" />
<label for="checkbox-5a">Check3 <a href="http://www.google.com" data-ajax="false" rel="external" style=" z-index:70000;">link</a></label>

它可能需要javascript来使其工作，以及如何？ THX

http://jsfiddle.net/ca11111/M7Bwc/1

编辑：似乎可以使用onclick和location.href

来完成

<input type="checkbox" name="pr1" id="checkbox-5a" />
<label for="checkbox-5a">Check3 <a onclick="location.href='http://www.google.com'">link</a></label>

Answer 1

在标签后立即放置链接有什么问题：

<label for="checkbox-5a">Check3 </label><a href="http://www.google.com"
       data-ajax="false" rel="external" style=" z-index:70000;">link</a>

或者，如果您确实认为必须颠覆标准标签行为*为什么不使用跨度？

_{*请不要。}

编辑：很好，试试这个：

$("label a").click(function(e){ e.stopPropagation(); });

Answer 2

试试这个：

$('label').click(function(e){ // or $('label a').click(function(e){
    e.stopPropagation()
})

demo