JQueryで全選択とキャンセルを実現する2つの簡単な方法。

JQUERYを使って全選択を実現し、全選択をキャンセルします。jsほど煩雑ではなく、より多くのブラウザをサポートします。

<mce:script type="text/javascript"><!--

$(function() {  
    $("#checkall").click(function() {  
        $("input[@name='checkname[]']").each(function() {  
            $(this).attr("checked", true); 
        }); 
    }); 
    $("#delcheckall").click(function() {  
        $("input[@name='checkname[]']").each(function() {  
            $(this).attr("checked", false); 
        }); 
    }); 
}); 
// --></mce:script> 

<input type='checkbox' id='id1' name='checkname[]' value='1' />value1  
<input type='checkbox' id='id2' name='checkname[]' value='2' />value2 
<input type='checkbox' id='id3' name='checkname[]' value='3' />value3 

<input type="button" id="checkall" name="checkall" value="  " /> 
<input type="button" id="delcheckall" name="delcheckall" value="    " />

より簡単なのは、

$("#checkall").click( 
  function(){ 
    if(this.checked){ 
        $("input[name='checkname']").attr('checked', true)
    }else{ 
        $("input[name='checkname']").attr('checked', false)
    } 
  } 
);

です。