MUI官方的checkbox例子中,点击checkbox的圆圈,触发2次change

官方的checkbox例子中,点击checkbox的圆圈,触发2次change,已解决

分类:MUI

checkbox

官方的checkbox例子中,点击checkbox的圆圈,触发2次change

mui('.mui-input-group').on('change', 'input', function() { 
      console.log("1"); 
      var value = this.checked?"true":"false"; 
      this.previousElementSibling.innerText = "checked:"+value; 
    });

我的解决方案是

.mui-checkbox>input{ 
    pointer-events: none;   
  }

触发2次是因为点击的位置在input上,点击mui-checkbox这个div是触发一次的,这个js禁用了input的点击事件

posted @ 2021-03-02 17:49  试问蟾宫  阅读(454)  评论(1编辑  收藏  举报