label包裹input,点击label响应两次解决方法
一、html
<div class="box"> <label> <input type="checkbox" value="选项一" />选项一 </label> <label> <input type="checkbox" value="选项二" />选项二 </label> </div>
二、jquery 部分
1.方案一
$(".box label").on("click",function(){ var $input=$(this).find("input"); //判断input的选中状态 if($input.is(":checked")){ console.log($input.val()); }else{ return; } });
参考:https://jingyan.baidu.com/article/d8072ac49dbb20ec95cefddf.html
未完待续~