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

感情迁移 提交于 2019-12-01 01:32:46
//绑定了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(); 
 });
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!