如何先执行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

如何先执行input (checkbox,radio)再执行函数相关推荐

Semaphore控制同时访问的线程个数countdownlatch等待多个线程执行完本身线程再执行...
Semaphore控制同时访问的线程个数countdownlatch等待多个线程执行完本身线程再执行 Semaphore控制同时访问的线程个数countdownlatch等待多个线程执行完本身线程再执 ...
mysql 存储过程无效_用VC通过DLL包连接MySQL,执行存储过程后，再执行其他查询无效？解决方法...
用VC通过DLL包连接mysql,执行存储过程后,再执行其他查询无效? MYSQL mysql; mysql_init(&mysql); mysql_real_connect(&mys ...
Java等线程池执行完所有任务后再执行主线程
2019独角兽企业重金招聘Python工程师标准>>> 因为要定时往数据库插入上百万数据,插入完之后再修改另外一部分数据, 怎么在线程池执行完所有任务后再执行主线程呢 import ...
jquery 执行完动画后再执行别的操作
//.animate( properties [, duration ] [, easing ] [, complete ] ) //complete参数是完成动画后要执行的东西$(this).ani ...
关于angularjs dom渲染结束再执行的问题
情景当我点击了button, div才能显示.并且我想知道这个div的高度. 问题当我点击这个button以后这个.chrome就然告诉我这个div高度是0.这不是睁着眼睛说瞎话吗?怎么能如此欺骗 ...
Angular Component 实现类，先执行字段初始化，再调用构造函数
先执行字段初始化: 再执行构造函数: 更多Jerry的原创文章,尽在:"汪子熙":
APScheduler如何设置任务不并发（即第一个任务执行完再执行下一个）？
APScheduler如何设置任务不并发(即第一个任务执行完再执行下一个)? 1.软件环境 2.问题描述 3.解决方法 4.结果预览 FAQ 1.`APScheduler`如果某个任务挂掉了,整个定时 ...
python等待执行完毕再继续执行_如何等待一个函数内部异步执行完毕再执行另外一个函数？...
问题描述有两个函数f1和f2,其中f1中有异步操作,执行完f1接着执行f2,因为f1内部有异步操作,所以会先执行完f2,再执行f1里的异步,如何等待f1异步执行完再执行f2. 备注:执行方式为f1( ...
等待ajax完成再执行相应操作
ajax强大之处在于它的异步请求,但是有时候我们需要ajax执行彻底完成之后再执行其他函数或操作,如果遇到以上情况怎么解决? 大部分的解决方法是在ajax请求时,设置async: false(默认为t ...

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

如何先执行input (checkbox,radio)再执行函数相关推荐

最新文章

热门文章