jquery中的多选复选框

Question

我想在div或文本框中显示复选框的多个值。

function countChecked() {
    var n = $("input:checked").val();
    $("div").text(n + (n === 1 ? " is" : " are") + " checked!");
}
countChecked();
$(":checkbox").click(countChecked);

Answer 1

试试这个：

function countChecked() {
  var n = 0;
  $(":checkbox:checked").each(function(){
     n += parseInt(this.value, 10)
  })
  $("div").text(n + (n === 1 ? " is" : " are") + " checked!");
}

Answer 2

function countChecked() {
    var n= "";
    $("input[type=checkbox]:checked").each(function(){
        n += $(this).val() + " ";
    });
    $("#change").text(n);
}
countChecked();
$(":checkbox").click(countChecked);