javascript - 选中所有复选框并隐藏

Question

如何添加一个复选框，该复选框可以选中所有已选中的复选框？

如何将显示/隐藏功能添加到“选中全部”复选框。如果选中了全选复选框，则还需要显示提交按钮。

$(document).ready(function() {

var $submit = $("#submit_prog").hide(),
    $cbs = $('input[name="prog"]').click(function() {
        $submit.toggle( $cbs.is(":checked") );
    });

});

<input type="checkbox" name="?" value="?">  // check all checkbox

<input type="checkbox" name="prog" value="1">
<input type="checkbox" name="prog" value="2">

<input type="submit" id="submit_prog" value='Submit' />

Answer 1

1. 假设全选复选框的 ID 为 Selall。
   
2. 使用全选为要选择的所有复选框创建一个类

$('#selall').click(function(event) {   
    if(this.checked) {
        // Iterate each checkbox
        $('.yourchckbox').each(function() {
            this.checked = true;                        
        });
        $('#submit_prog').show();
    }
    else { 
    $('.yourchckbox').each(function() 
    { this.checked = false; }); 
    $('#submit_prog').hide()
    }
});
  $('.yourchckbox').click(function(event) { 
   if(!(this.checked)) {
   $('#selall').prop('checked', false);   
   }

  });