label包裹input,点击label响应两次解决方法

1、htmlhtml

<div class="box">
    <label>
        <input type="checkbox" value="选项一" />选项一
    </label>
    <label>
        <input type="checkbox" value="选项二" />选项二
    </label>
</div>

2、jquery 部分jquery

1.方案一this

$(".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.htmlspa

未完待续~code

相关文章
相关标签/搜索