• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
雾戤
博客园    首页    新随笔    联系   管理    订阅  订阅

JQuery 点击整行后checkbox点击事件冲突解决

//绑定了li 或者tr这类元素,元素里的子元素有checkbox这中的的话会触发该点击事件和它自身点击事件导致没有选中  
$(".list").on("click",".item",function(){
    let children = $(this).children()["0"];
    console.log(children);
    if (children.checked) {
      children.checked = false;
    }
    else {
      children.checked = true;
    }
});
  解决方法
$("input[type='checkbox']").click(function(e){
  e.stopPropagation();
});
如果是动态加载元素的话
$(".list").on("click","input[type='checkbox']",function(){
    e.stopPropagation(); 
 });
posted @ 2019-10-10 09:38  雾戤  阅读(996)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3