js,jquery全选反选

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>
<form>
 你爱好的运动是?<br/>
    <input type="checkbox" name="items" value="1"/>足球
 <input type="checkbox" name="items" value="2" />羽毛球
 <input type="checkbox" name="items" value="3"/>篮球
 <input type="checkbox" name="items" value="4"/>网球<br/>
    <input type="button" id="ca" value="全选"/>
    <input type="button" id="cn" value="全不选"/>
    <input type="button" id="cr" value="反选"/>
    <input type="button" id="send" value="提交"/>
</form>
</body>
<script>
$('#ca').click(function(){
   // $('input:checkbox').attr('checked',true); //上面和下面这个都可以用的
 $('[name=items]:checkbox').prop('checked',true);
});

$('#cn').click(function(){
    $('[name=items]:checkbox').prop('checked',false);
});

$('#cr').click(function(){
    $('input:checkbox').each(function(){
        this.checked=!this.checked
    });
});
$('#send').click(function(){
    var str='';
    $('[name=items]:checkbox:checked').each(function(){
     str += $(this).val()+"\r\n";

    });
    alert(str);
});
</script>
</html>

html表单 选择代码片段,全选 反选 全不选,提交的时候会打印出来你选择的内容  代码 需自行改造符合自己要求。

nickname
content