jquery 复选框全选 反选

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

看个jquery全选实例

<script type="text/网页特效">
$(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);
});
});
});
</script>

<input type='checkbox' id='id1' name='checkname[]' value='www.111cn.net' />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="取消全选" />

方法三 query复选框checkbox全选,取消全选

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

实例四

jquery 可以到网上下一个

<script type="text/javascript" src="user_admin/js/jquery.js"></script>

<input type="checkbox" name="id[]">
<input type="checkbox" name="id[]">
<input type="checkbox" name="id[]">
<input type="checkbox" name="id[]">
<input type="checkbox" name="id[]">
<a href="javascript:" onclick="chkall('id[]')">全选</a>
<a href="javascript:" onclick="unchkall('id[]')">无</a>

<a href="javascript:" onclick="checkchk('id[]')">判断有无选择</a>

<script type="text/javascript">
function chkall(obj) {
$("input[name='"+obj+"']").attr('checked', true);
}
function unchkall(obj) {
$("input[name='"+obj+"']").attr('checked', false);
}

function checkchk(obj) {
    if($("input[name='"+obj+"']:checked").length == 0) {
        alert('无');
    } else {
        alert('有');
    }
}

</script>

很简单吧，有了jquery之后，对于很多操作都方便，从我们全选 反选 select框就证明了这一点。