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

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

比如说

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

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

复选框1
您已选中：
复选框1

将有一个以上的复选框（37），我需要它能够选择所有的复选框

我认为这是有道理的

谢谢

您可以使用：

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

---

我会这样做：

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

$（“输入[type='checkbox']）。更改（函数（）{
$（“#选中”）.empty（）；
$（“输入[type='checkbox']：选中”）。每个（函数（）{
$（“#选中”）.html（$（“#选中”）.html（）+$（this.next（）.text（）+”
）；
});
});

---

您想显示什么？仅显示支票的标签box@DanielEdwards您可以添加完整的HTMLNice示例，但在您的小提琴中，您忘记了更改for属性。@FLX:我只是保持原样。因为解决方案和它没有关系。