如何以逗号分隔选中的复选框ID,其值为1

时间:2014-09-05 05:08:08

标签: javascript jquery html

我已经为select select复选框选择了所有脚本。

$(document.body).on('click', '#selecctall', function () {
    if (this.checked) { // Check select status
        $('.chkAssets').each(function () { // Loop through each checkbox
            this.checked = true; // Select all checkboxes with class "chkAssets"  
            $(this).attr('value', this.checked ? 1 : '')
        });
    } else {
        $('.chkAssets').each(function () { // Loop through each checkbox
            this.checked = false; // Deselect all checkboxes with class "chkAssets"
            $(this).attr('value', this.checked ? '' : '')
        });
    }
});

现在,我希望选中复选框id,并以逗号分隔,其值为1

注意:我希望在按钮点击事件中获得结果。

我的JSFiddle工作:http://jsfiddle.net/ybtreuhg/

3 个答案:

答案 0 :(得分:1)

$("#getAll").click(function () {
    var id = $("[type=checkbox][value=1]:checked").map(function () {
        return this.id;
    }).get().join(",");

    alert(id);
});

DEMO

答案 1 :(得分:0)

我更新了你的代码。 look this

var selected = new Array();
$('input:checked').each(function() {
    selected.push($(this).attr('id'));
})

答案 2 :(得分:0)

 $(document.body).on('click', '#selecctall', function () {
    $("input:checkbox").attr("checked", $(this).is(":checked"));
});

$("#getAll").click(function () {
    var ids = "";
    $("input[type='checkbox']:checked").not("#selecctall").each(function () {
        ids = ids + $(this).attr("id") + ",";
    })
    alert(ids);
})

DEMO