选中复选框时启用按钮

Question

我有多个复选框和一个最初禁用的提交按钮.选中一个框时,按钮被启用,当取消选中时,该按钮再次被禁用.

如果选中了多个复选框但取消选中一个复选框,即使我选择了其他复选框,该按钮也会被禁用.我该如何解决这个问题？

<script type="text/javascript"> 
$(function() {
    $(".checkbox").click(function() {
      $(".delete").attr("disabled", !this.checked);
    });
});
</script>

HTML

<input type="checkbox" name="msg[]" value="32" class="checkbox" />
<input type="checkbox" name="msg[]" value="44" class="checkbox" />
<input type="checkbox" name="msg[]" value="26" class="checkbox" />

<button type="submit" class="delete" disabled="disabled">Delete</button>

Answer 1

$(function() {
    $(".checkbox").click(function(){
        $('.delete').prop('disabled',$('input.checkbox:checked').length == 0);
    });
});

演示:http://jsfiddle.net/AlienWebguy/3U364/