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
未完待续~
浙公网安备 33010602011771号