jquery checkbox全选多选获得选中的值代码

代码语言:html

所属分类:表单美化

代码描述:jquery checkbox全选多选获得选中的值代码

代码标签: 多选 获得 中的

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head>
   
<meta charset="UTF-8">
   
<title>BFW NEW PAGE</title>
   
<script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
   
<script type="text/javascript">
        bready(function() {
            //全选或全不选
            $("#all").click(function() {
                if (this.checked) {
                    $("#list :checkbox").prop("checked", true);
                } else {
                    $("#list :checkbox").prop("checked", false);
                }
            });

            //全选
            $("#selectAll").click(function () {
                $("#list :checkbox,#all").prop("checked", true);
            });
            //全不选
            $("#unSelect").click(function () {
                $("#list :checkbox,#all").prop("checked", false);
            });
            //反选
            $("#reverse").click(function () {
                $("#list :checkbox").each(function () {
                    $(this).prop("checked", !$(this).prop("checked"));
                });
                allchk();
            });

            //设置全选复选框
            $("#list :checkbox").click(function() {
                allchk();
            });

            //获取选中选项的值
            $(&qu.........完整代码请登录后点击上方下载按钮下载查看

网友评论0