如何先执行input (checkbox,radio)再执行函数

2019独角兽企业重金招聘Python工程师标准>>>

遇到一个问题，当input type="checkbox"点击时，没有立即执行勾选或去勾，而是先执行函数，如下代码

$(".sidebar_cart .cart_list ul").on("click","dl dd .check_box label",function (e) {
    console.log($(this).prev()[0].checked);
    price_link();
});

解决办法是：先阻止默认事件（e.preventDefault）,再手动勾选或去勾，用if判断来完成操作

$(".sidebar_cart .cart_list ul").on("click","dl dd .check_box label",function (e) {
    e.preventDefault();
    if ($(this).prev()[0].checked){
        $(this).prev().prop("checked",false);
    } else {
        $(this).prev().prop("checked",true);
    }
    console.log($(this).prev()[0].checked);
    price_link();
});

哈，今天发现了另一种解决办法，就是将事件绑定再input上，而不是label上

$(".sidebar_cart .cart_list ul").on("click","input[type=checkbox]",function () {
    price_link();
});

将事件绑定在input上后会立马执行勾选或去勾！！！

绑定再label上后，当点击时会执行这个label绑定的函数，再执行label和input的联动！！！

转载于:https://my.oschina.net/u/2306318/blog/869516