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();
            });

            //获取选中选项的值
            $("#getValue").click(function() {
                var valArr = new Array;
                $("#list :input[type=checkbox]:checked").each(function(i) {
                    valArr[i] = $(this).val();
                });
                //console.log(valArr);
                var vals = valArr.join(',');
                alert(vals);
            });

            function allchk() {
                var chknum = $("#list :checkbox").size(); //选项总个数
                var chk = 0;
                $("#list :checkbox").each(function () {
                    if ($(this).prop("checked") == true) {
                        chk++;
                    }
                });
                if (chknum == chk) {
                    /.........完整代码请登录后点击上方下载按钮下载查看

网友评论0