Jquery 选中复选框，则仅将其附加到div，否则，如果未选中，则将其删除

请看JSFIDLE

如果选中该复选框，则只需将其附加到div，如果未选中该复选框，则需要将其从div中删除

if($(this).is(':checked'))
{
    $("#fororders").append($(this).attr('value'));

}

我尝试过这个，但它一直在将它附加到div

if($(this).is(':checked'))
{
    $("#fororders").append($(this).attr('value'));

}

还有一种可能，在将它们附加到div时，我应该以垂直顺序而不是水平顺序显示它们

if($(this).is(':checked'))
{
    $("#fororders").append($(this).attr('value'));

}

您需要展开所有手风琴来查看复选框。

---

你能告诉我如何解决这个问题吗？你的元素是append，因为你没有删除它

尝试以下方法：

if($(this).is(':checked'))
{

    $("#fororders").append('<div id="something">'+$(this).attr('value')+'</div>');

}else{
    $('#something').remove();
}

if（$（this）.is（':checked'））
{
$（“#fororders”）.append（“”+$（this.attr（'value'）+“”）；
}否则{
$（“#某物”）.remove（）；
}

要垂直显示元素，请添加css属性

display:block
这是一些基本CSS，您不应该在这里问这个问题。
您可以这样做：

if(this.checked)
{
    $("#fororders").append($(this).attr('value'));

}

您可以使用更改事件，而不是单击：

$(document).on("change", ":checkbox", function (e) {

if(this.checked)
{
    $("#fororders").append($(this).attr('value'));

}


});

您必须从
#fororders
div中删除该项。请查看此您需要将文本包装在元素中，然后附加该元素。这将使您更容易通过
id
定位它，以便以后能够删除它：

演示：

$（文档）。在（“单击”、“：复选框”上，函数（e）{
var v=$（this）.val（）；//缓存该值
如果（$（this）.is（':checked'））{
//创建一个与值id相同的范围并附加它
$（“#fororders”）.append（$（“”）.attr（“id”，v）.text（v））；
}否则{
//以与值具有相同id的范围为目标，并将其删除
$（“#fororders”）.find（“span#”+v.remove（）；
}
});
@milindiantwar编号。。只需展开所有这些手风琴。对于不完整的问题，很抱歉，您需要展开所有手风琴以查看复选框。但是默认情况下，它们将被取消选中。您是从您的解决方案看起来不错的地方设置它们的吗，非常感谢，是否可以将最新的checked推到div的顶部？？现在它们结束在末尾。是的，使用prepend（）而不是append（）；）但是，如果您不将其添加到容器中，它们将放在您的手风琴之前。如果复选框被选中，是否可以将该值的复选框替换为文本？如果我理解您的需要，请替换$（“#fororders”）.append（“+$（this.attr（'value'）+”））；带有var复选框=$（''）$（“#fororders”）。前置（复选框）；我需要带有所选值的复选框，并在另一行中。当我尝试使用您的代码时，它只显示一个空复选框。