Jquery 复选框-选中什么?滑动分页

Jquery 复选框-选中什么?滑动分页,jquery,checkbox,Jquery,Checkbox,我有以下代码: <input type="checkbox" id="checkbox" value="11"> <input type="checkbox" id="checkbox" value="10"> <div id="log"></div> $("input").click(function() { $("#log").html( $(":checked").val() + " is checked!" ); }); 我现在有

我有以下代码:

<input type="checkbox" id="checkbox" value="11">
<input type="checkbox" id="checkbox" value="10">

<div id="log"></div>

$("input").click(function() {
  $("#log").html( $(":checked").val() + " is checked!" );
});
我现在有这个。尽管如此,它只打印其中一个值,而不是两个值如何从每个输入中获取值?

查看。以下内容将遍历所有选中的复选框。正如@zod在他的评论中指出的,ID是唯一的,请使用类

$("input").click(function() {
    $(":checked").each(function() {
         $("#log").html($(this).val() + " is checked!");
    });
});
试试这个

还有这个

.val()
将始终返回第一个匹配元素的值:

试试这个:

$("input").click(function() {
    $(":checked").each(function() {
        $("#log").html( this.val() + " is checked!" );
    })
}))

  • 两个控件不能具有相同的ID。

  • 根据fixed#1,使用
    .val()
    和/或将返回的jQuery集合视为有序序列很容易。由于#1是固定的,因此需要基于类型或名称等的选择器

  • 文章中的代码不与PHP交互。考虑修改问题/代码。请注意,
    (注意名称)对于在服务器上作为集合进行处理可能很有用


  • 愉快的编码。

    您可以使用jQuery的
    。each()
    API:

    $('input[type="submit"]').click(function() {
      var output = '';
    
      $('input[type="checkbox"]:checked').each(function(index) {
        output += $(this).val() + ", ";
      });
    
      alert(output + "is checked!");
    });
    
    测试页面:

    至于删除逗号,在PHP中处理时将没有逗号。复选框作为数组发送。您要做的是:

    <input type="checkbox" name="checkbox[]" value="11">
    <input type="checkbox" name="checkbox[]" value="10">
    

    就像@zod所说的,您的复选框上需要不同的ID。此外,还需要一个循环来处理所有复选框。试试这个:

    var-total=”“;
    $(“:选中”).each(函数(){if(total!=”)total=total+,“total=total+$(this.val();});
    
    $(“#log”).html(选中“总计+”)

    为什么不为复选框提供单独的id!!!此代码:
    $('input[type=“submit”]”)。单击(function(){var output=”;$('input[type=“checkbox”]:checked')。每个(函数(索引){output+=$(This).text()+,“;}警报(output+”已选中);;
    给我意外的标记)错误。抱歉,愚蠢的语法错误-忘记关闭每个函数的括号。更新代码。现在可以工作了。虽然,它只是说“已检查”。它没有给出复选框中的值。啊,我显然需要更多的咖啡。好的,我已经更新并测试了代码,现在应该可以工作了。
    $('input[type="submit"]').click(function() {
      var output = '';
    
      $('input[type="checkbox"]:checked').each(function(index) {
        output += $(this).val() + ", ";
      });
    
      alert(output + "is checked!");
    });
    
    <input type="checkbox" name="checkbox[]" value="11">
    <input type="checkbox" name="checkbox[]" value="10">
    
    echo implode(', ', $_POST['checkbox']) . ' are checked!';