用JQuery实现全选与取消的两种简单方法

点评：本文主要是对JQuery实现全选与取消的两种简单方法进行了介绍，感兴趣的朋友可以参考一下，希望对大家有所帮助！

用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)

    } 

  } 

);