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

未完待续~

原文地址:https://www.cnblogs.com/kangby/p/7940980.html