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/