jquery - 删除未选中复选框的值

Question

我有以下代码，它动态生成一个复选框，并在选择时将其值分配给变量。 我面临的问题是，一旦取消选中复选框，我不知道如何从变量中删除值。

function getCheckBox(contentItem) {
        var checkbox = $("<input type='checkbox'/>");
        checkbox.css("height", "20");
        checkbox.css("width", "20");

        checkbox.change(function () {
            var checked = checkbox[0].checked;

            $(':checkbox').change(function () {
                if ($(this).is(':checked'))
                {
                    contentItem.value.details.checked = true;
                    global_audit_team = global_audit_team + contentItem.value.Name + ",";
                    alert(global_audit_team);
                }

                else
                {
                    contentItem.value.details.checked = false;
                    alert(contentItem.value.Name + " unchecked");
                }
            });


        });
        return checkbox;
    };

Answer 1

您可以使用这个简单的 JQuery 代码。

var checkedCheckbox = "";
$("input[type='checkbox']").change(function () { 
    var name = $(this).attr("name") + ",";
    if ($(this).prop("checked"))
        checkedCheckbox += name;
    else
        checkedCheckbox = checkedCheckbox.replace(name, "");   
    $("span").text(checkedCheckbox);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<input type="checkbox" name="A"/>
<input type="checkbox" name="B"/>
<input type="checkbox" name="C"/>
<input type="checkbox" name="D"/>
<input type="checkbox" name="E"/>
<input type="checkbox" name="F"/>
<span></span>