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

相關文章
相關標籤/搜索