如果选中任何复选框,则启用禁用按钮

我有全部检查和非检查部分.

我想做出决定,如果选中任何复选框,则启用删除按钮,否则禁用它.

另外,当我点击删除按钮昏迷时,我希望获得已选中复选框的所有值.

这是我的小提琴:

http://jsfiddle.net/48ZRu/2/

这是我的代码: HTML:

     


 Checkbox  1 

 Checkbox  2 

 Checkbox  3 

JS:

$('.check:button').click(function()
{

    var checked = !$(this).data('checked');

    $('input:checkbox').prop('checked', checked);

    $(this).data('checked', checked);

    if(checked == true)
    {
        $(this).val('Uncheck All');
    }
    else 
    if(checked == false)
    {
        $(this).val('Check All');
    }


});

Arun P Johny.. 6

尝试

$('.check:button').click(function () {
    var checked = !$(this).data('checked');
    $('input:checkbox').prop('checked', checked);
    $('.delete:button').prop('disabled', !checked)
    $(this).data('checked', checked);
    if (checked == true) {
        $(this).val('Uncheck All');
    } else if (checked == false) {
        $(this).val('Check All');
    }
});

$('input:checkbox').change(function () {
    $('.delete:button').prop('disabled', $('input:checkbox:checked').length == 0)
})

$('.delete:button').click(function () {
    var array = $('input:checkbox:checked').map(function () {
        return this.value
    }).get();
    console.log(array, array.join())
})

演示:小提琴