Question

function sendValues() { 
var str = $("#ryan_m").serialize(); 
var response = $('input[name=brand[]]:checked').val(); 
$.ajax({ 
    url: "/trying1.php?avoidcache=' + myTimestamp();", 
    data: {str} 
    cache: false 
}); 
} 

<form action="trying1.php?b_id=$brand_id" method="get"/></td> 
    <input type="checkbox" name="brand[]" value="$brand_id"/> 
     <input type="submit" value="Compare" id="ryan_m" method="get" /> 
      </form> 

我想在檢查可用的複選框時使用此Ajax請求執行。 目前，這個腳本將完成我想要的，但我必須點擊提交才能執行。

我的問題：

有沒有我可以在點擊複選框執行AJAX，沒有擊中提交一份簡單的方法？

Answer 1

您可以使用jQuery .submit（）提交關於單擊窗體。

<form action="trying1.php?b_id=$brand_id" id="myForm" method="get"/></td> 
    <input type="checkbox" name="brand[]" class="myCheckbox" value="$brand_id"/> 
    <input type="submit" value="Compare" id="ryan_m" method="get" /> 
</form> 

給你表格一個ID，給複選框一個類，或者如果你想要一個ID，如果只有一個。然後在你的jQuery中。

function sendValues() { 
    var str = $("#ryan_m").serialize(); 
    var response = $('input[name=brand[]]:checked').val(); 
    $.ajax({ 
     url: "/trying1.php?avoidcache=' + myTimestamp();", 
     data: {str} 
     cache: false 
    }); 
} 

$('.myCheckbox').change(function(){ 
    $('#myForm').submit(function(){ 
     sendValues(); 
     return false; 
    }); 
}); 

我還沒有測試過代碼，但多數民衆贊成你的想法。

Answer 2

$("input[type=checkbox]").change(function() { 
    $("form").submit(); 
}); 

Answer 3

$("input[name=brand[]]").change(function() { 
    sendValues(); 
    alert("Data is sent."); // Remove this - Just for testing purpose 
}); 

jQuery Change Event。 這可以檢測各種<input>的各種變化。 <select>和<textarea>。

Answer 4

$(document).ready(function() { 
    $('[name="brand[]"]').change(function() { 
     sendValues(); 
    }); 
}); 

演示在這裏：http://jsfiddle.net/JtBe2/