其他容器關聯checkbox點擊事件

選擇click-checkbox裏面的任何內容都切換checkbox狀態。

html:

<div>
    <div class="click-checkbox">
        <input type="checkbox" id="box">
        <span>記住密碼</span>
    </div>
</div>

jquery：

$(document).on('click', '.click-checkbox', function () {
	$(this).find('#box:checkbox').click();
})
$(document).on('click', '#box:checkbox', function (e) {
    e.stopPropagation();
});

擴展：判斷check是否選中和默認選中checkbox

//判斷是否選中
f($("#box").is(':checked')){
    console.log("選中")
}else{
    console.log("未選中")
}
//選中checkbox
$('#box').prop("checked",true);