首页 > 怎么让checkbox 的label里的button点击时 checkbox不会一起响应

怎么让checkbox 的label里的button点击时 checkbox不会一起响应

如题 ,每次点击button 的时候checkbox都会响应 。如何可以在按钮不移出label的情况下也可以作到按钮和checkbox click 时间分离。 代码地址: http://jsfiddle.net/bzPLv/2/


alert('test!') 的后面加上 return false;,屏蔽浏览器对于这个 click 事件的后续行为。

http://jsfiddle.net/bzPLv/4/

这里有一篇相关的介绍: http://www.neoease.com/stoppropagation-and-preventdefault-and-return-false/


对于你这个短小的例子,直接在alert语句后面加return false应该可以解决.

但不是所有情况都可以这样处理, 对于不方便return false的情况, 可以使用event.cancelBubble = true; 来阻止点击事件从按钮传递给父标签

【热门文章】
【热门文章】