Событие смены элемента управления Materializecss

Question

На странице документации materializecss нет элемента api для переключателя. Я использовал OnClick событие, которое работает, но в два раза вызвать

Html

<div class="switch"> 
    <label> 
     Off 
     <input type="checkbox"> 
     <span class="lever"></span> 
     On 
    </label> 
    </div> 

Jquery

$(".switch").on("click",function() { 

    var status = $(this).find("input[type=checkbox]").prop('checked'); 
    console.log(status) 

    $.ajax({ 
     url : url, 
     type : "post", 
     data : { status : status} 
    }) 

}); 

// console.log output : false true or true false 

Это событие срабатывает два раза, когда я изменить положение переключателя. Журнал консоли показывает текущее состояние коммутатора и измененный статус. Я хочу получить только измененный статус. Потому что вызов ajax запускается два раза, и на моей стороне возникает проблема с базой данных. Как я могу справиться с этой проблемой?

Answer 1

Try делает событие изменения

$(".switch").find("input[type=checkbox]").on("change",function() { 
     var status = $(this).prop('checked'); 

     $.ajax({ 
      url : url, 
      type : "post", 
      data : { status : status} 
     }) 
    });