Question

基本上我需要做的是运行一系列复选框，如果选中它我需要使用ajax提交它的值。现在我似乎找不到一种方法来逐个浏览每个复选框。这是我页面上的代码。

$(document).ready(function(){
$('#submit').click(function(){

});
});

<?php
/**
 * Include vB core.
 */ 
require_once('./global.php');
require_once(DIR . '/includes/functions_bigthree.php');
require_once(DIR . '/includes/functions_forumlist.php');

/**
 * Grab the divisions from the database.
 */
$query = $db->query_read("SELECT division FROM rollcall_divisions");
while($array = $db->fetch_array($query)){
echo "<input type='checkbox' value=".$array[division].">".$array[division]."<br>";
}
?>

<input type="submit" id="submit">

Answer 1

您可以使用:checkbox过滤器选择器和each，如下所示：

$('#submit').click(function(){
  $(':checkbox').each(function(){
     if ($(this)).is(':checked') {
       // your code....
     }
  });
});

:checkbox定位页面上的所有复选框，然后each用于迭代每个复选框。稍后条件is与:checked过滤器选择器一起使用，以了解实际检查了哪些复选框。

Answer 2

您可以使用:checked selector作为复选框，并使用each()方法为其提交ajax请求：

$('input[type=checkbox]:checked').each(function(){
    // submit your ajax request        
});

要实际提交ajax请求，jQuery具有$.ajax()方法。

Answer 3

$('#yourform').find(':checkbox').each( function() {
    // do ajax stuff on $(this)
});

Jquery - 检查是否一次选中一个复选框

3 个答案: