Question

我想在div中显示已选中的复选框

例如

<input id="checkbox1" type="checkbox"><label for="checkbox1">Checkbox 1</label>

<p>you have selected:</p> <div>checkbox 1</div>

将有多个复选框（37），我需要它才能选中所有复选框

我觉得这很有意义

由于

Answer 1

您可以使用：

$(":checkbox").change(function(){
   $('div').html($(':checked').map(function(){
      return $(this).next().text()
   }).get().join(','));
});

<强> Working Demo

Answer 2

我就是这样做的：

$("input[type='checkbox']").change(function(){
    $("#checked").empty();
    $("input[type='checkbox']:checked").each(function(){
        $("#checked").html($("#checked").html() + $(this).next().text() + "<br/>");
    });
});

Here is the JSFiddle demo

在div或p中显示已选中的复选框

2 个答案: