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(); 
 });


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM