复选框实现全选全不选操作

//主复选框
<input type="checkbox" id="btn">
//次复选框
<input type="checkbox" class="btns">
//使用JS完成全选全不选操作
<script>
    //给主复选框设置点击事件
    $("#btn").click(function ()
    {
       //给次复选框设置checked属性，第一个参数为当前元素的索引值，第二个参数为原先的属性值
       $(".btns").prop("checked",$(this).prop("checked"));
    });
</script>