怎么阻止checkbox点击事件响应两次
日期：2014-05-16 浏览次数：20377 次
如何阻止checkbox点击事件响应两次？
我在label下面套了个checkbox，然后绑定事件，但是每次点文字那部分的时候，点击事件总会响应2次，阻止冒泡貌似也没有用，特此前来求教CSDN里面的各位大神~~在线等~
代码如下：
------解决方案--------------------
你有两个console.log自然要输出两次。。。
------解决方案--------------------
把input放到label外面去
------解决方案--------------------
我在label下面套了个checkbox，然后绑定事件，但是每次点文字那部分的时候，点击事件总会响应2次，阻止冒泡貌似也没有用，特此前来求教CSDN里面的各位大神~~在线等~
代码如下：
<!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>
CheckBox
HTML
JavaScript
label
------解决方案--------------------
你有两个console.log自然要输出两次。。。
------解决方案--------------------
把input放到label外面去
------解决方案--------------------
<div id="test"> <input type="checkbox" value="" /><label class="testCbox">hello world</label></div>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
