Materializecss開關元素更改事件

Question

在materializecss文檔頁面中，沒有開關元素的api。我使用的作品，但兩次引發

的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 

當我改變開關位置時，該事件被觸發兩次onclick事件。控制檯日誌顯示開關當前狀態和更改的狀態。我只想得到改變的狀態。因爲ajax調用被觸發兩次，並且它在我的後端發生數據庫問題。我怎樣才能解決這個問題？

Answer 1

嘗試做一個改變事件

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

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