|
js如何阻止checkbox点击事件响应两次
我在label下面套了个checkbox，然后绑定事件，但是每次点文字那部分的时候，点击事件总会响应2次，阻止冒泡貌似也没有用，特此前来求教CSDN里面的各位大神~~在线等~
代码如下：
JavaScript code?<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gbk"> <title>test page</title> <script type='text/javascript' src="js/jquery-1.9.1.min.js"></script> </head> <body> <label class="testCbox"><input type="checkbox" value="">hello world</label> <script type="text/javascript"> $(".testCbox").bind("click",function(e){ console.log(this); console.log($(this).find('input').get(0).checked); // e.stopPropagation(); }); </script> </body> </html>
<script type="text/javascript"> $(".testCbox").bind("click", function (e) { console.log(this); console.log($("#test").find('input', [0]).attr("checked", "checked")); // e.stopPropagation(); }); </script>
$(".testCbox").bind("click",function(e){ if(e.target.tagName!="INPUT") return; console.log("click"); });
| 