获取checkbox 一行数据

最新推荐文章于 2021-11-01 17:58:29 发布
最新推荐文章于 2021-11-01 17:58:29 发布
阅读量290 收藏
点赞数
文章标签： java javascript json ViewUI
原文链接：http://www.cnblogs.com/cuijinlong/p/9718520.html
版权 
<%@page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%
    request.setAttribute("ctx", request.getContextPath());
%>
<fmt:setBundle var="bundle" basename="i18n_config.message" scope="page" />
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="${ctx }/js/base/pageview.js"></script>
<style type="text/css">
td {
    word-wrap: break-word;
    word-break: break-all;
    width: 90px;
}

ul li {
    cursor: pointer;
}
</style>
<script type="text/javascript">
    var dnStr = "";
    var totalPageCount = 1;
    var currentPage = 1;
    var apprAdminArr = [];//未审批的管理员数组
    var checkFlag = true;
    var moreFlag = false;
    $(document).ready(function() {
        juqeryI18n();
        apprAdminList();
        initHid();
        $('#myModal').on('show.bs.modal', function(e) {
            $(this).find('.modal-dialog').css({
                'margin-top' : "15%"
            });
        });
    });
    function initHid() {
        var wid = $(".sidebar-menu").css("width");
        if (wid == '50px') {
            //alert("jinlai");
            $("#logoPic").css("display", 'none');
        } else {
            $("#logoPic").css("display", 'inline');
        }

    }
    //拒绝审批
    function rejustAdmin() {
        let
        $this = $(this);
        $("#adminId").val($this.attr("parama"));
        $("#adminName").val($this.attr("paramb"));
        $("#confirm").attr("onclick", "rejustAdmin2();");
        $('#myModal').modal('show');
    }
    function rejustAdmin2() {
        var adminId = $("#adminId").val();
        var adminName = $("#adminName").val();
        var rejustReason = $("#rejustReason").val();
        $.ajax({
            type : "post",
            url : "${ctx}/threeAdminApprovalController/updateAdminApproval.do",
            data : {
                "idStrA" : adminId + "",
                "isApproval" : "true",
                "isRejust" : "true",
                "rejustReason" : rejustReason,
                "loginNameStr" : adminName
            },
            dataType : "json",
            success : function(jsonObj) {
                var info = jsonObj.info;
                swal("", info, "info");
                apprAdminList();
            },
            error : function() {
                swal("", "审批异常", "error");
            }
        });
    }
    //审批管理员
    function approvalAdmin() {
        let
        $this = $(this);
        var adminId = $this.attr("parama");
        var loginNameStr = $this.attr("paramb");
        $.ajax({
            type : "post",
            url : "${ctx}/threeAdminApprovalController/updateAdminApproval.do",
            data : {
                "idStrA" : adminId + "",
                "isApproval" : "true",
                "isRejust" : "false",
                "rejustReason" : "",
                "loginNameStr" : loginNameStr + ""
            },
            dataType : "json",
            success : function(jsonObj) {
                var result = jsonObj.result;
                if (result == "true") {
                    swal("", "审批成功", "info");
                    apprAdminList();
                } else {
                    swal("", "审批失败！", "error");
                }
            },
            error : function() {
                swal("", "审批异常", "error");
            }
        });
    }
    //查询未审批管理员列表
    function apprAdminList() {
        window.$pageLoadEntity.doexecute({
            init : [ [ "申请人", "adminLoginName" ],
                    [ "审批类型", "approvalType", "", function(val) {
                        if (val == "add") {
                            return "添加";
                        } else if (val == "update") {
                            return "修改";
                        } else if (val == "delete") {
                            return "删除";
                        }
                    } ], [ "审批对象登录名", "approvalLoginName" ],
                    [ "审批对象姓名", "approvalAdminName" ],
                    [ "审批对象部门全称", "approvalDeptName" ],
                    [ "审批对象类型", "approvalAdminType", "", function(val) {
                        if (val == "sysadmin") {
                            return "系统管理员";
                        } else if (val == "secadmin") {
                            return "安全管理员";
                        } else if (val == "auditadmin") {
                            return "审计管理员";
                        }
                    } ], [ "申请时间", "submitTime" ], [ "操作", "111" ] ],
            tableEle : "#nihao",
            upbtnEle : ".uppageview",
            dnbtnEle : ".dnpageview",
            contentEle : "section",
            cNumEle : "#currentPage",
            mnumEle : "#totalPage",
            ckValName : "id",
            bandClickEle : "#right_content",
            url : "${ctx}/threeAdminApprovalController/getAdminNoApprovalList"
        });
    }
    //翻页
    function turnPage(flag) {
        if (flag == "next") {
            if (currentPage == totalPageCount) {
                swal("", "已是最后一页", "info");
                return;
            }
            currentPage++;
        } else {
            if (currentPage == 1) {
                swal("", "已是第一页", "info");
                return;
            }
            currentPage--;
        }
        $("#currentPage").text(currentPage);
        pagination(apprFlowArr, createApprFlowList, pageNum);
    }
    //批量通过审批
    function batchApproval() {
        var str = "";
        var loginname = "";
        var idStr;
        var loginNameStr;

        $('[name=nihao]:checkbox').each(function() {
            if (this.checked) {
                var val = $(this).parent().next().next().next().text();
                str += this.value.split("@@")[0] + ",";
                loginname += this.value.split("@@")[1] + ",";
            }
        });

        idStr = str.substring(0, str.length - 1);
        loginNameStr = loginname.substring(0, loginname.length - 1);
        if (idStr.length <= 0) {
            swal("", "请至少选择一项审批", "info");
            return;
        }
        alert(idStr);
        $.ajax({
            type : "post",
            url : "${ctx}/threeAdminApprovalController/updateAdminApproval.do",
            data : {
                "idStrA" : idStr,
                "isApproval" : "true",
                "isRejust" : "false",
                "rejustReason" : "",
                "loginNameStr" : loginNameStr
            },
            dataType : "json",
            success : function(jsonObj) {
                var result = jsonObj.result;
                var info = jsonObj.info;
                $("#check_all").prop("checked", false);
                if (result == "true") {
                    swal("", "审批通过成功", "info");
                    apprAdminList();
                } else {
                    swal("", info, "info");
                }
            },
            error : function() {
                swal("", "批量通过审批流程异常", "error");
            }
        });
    }

    //拒绝审批
    function batchAjust(adminId) {
        var str = "";
        var loginname = "";
        var idStr;
        var loginNameStr;
        $('[name=nihao]:checkbox').each(function() {
            if (this.checked) {
                str += this.value.split("@@")[0] + ",";
                loginname += this.value.split("@@")[1] + ",";
            }
        });
        idStr = str.substring(0, str.length - 1);
        loginNameStr = loginname.substring(0, loginname.length - 1);
        if (idStr.length <= 0 || loginNameStr.length <= 0) {
            swal("", "请至少选择一项审批", "info");
            return;
        }
        alert(idStr);
        alert(loginNameStr);
        $("#adminId").val(idStr);
        $("#adminName").val(loginNameStr);
        $('#confirm').attr("onclick", "batchAjust2();");
        $('#myModal').modal('show');
    }

    //批量拒绝审批
    function batchAjust2() {
        var nameStr = $("#adminId").val();
        var loginNameStr = $("#adminName").val();
        var rejustReason = $("#rejustReason").val();
        $.ajax({
            type : "post",
            url : "${ctx}/threeAdminApprovalController/updateAdminApproval.do",
            data : {
                "idStrA" : nameStr,
                "isApproval" : "true",
                "isRejust" : "true",
                "rejustReason" : rejustReason,
                "loginNameStr" : loginNameStr
            },
            dataType : "json",
            success : function(jsonObj) {
                var result = jsonObj.result;
                var info = jsonObj.info;
                $("#check_all").prop("checked", false);
                if (result == "rejust") {
                    apprAdminList();
                }
                swal("", info, "info");
            },
            error : function() {
                swal("", "批量拒绝审批流程异常", "error");
            }
        });

    }
    //初始化table事件
    function initTable() {
        $("#check_all").click(function() {
            if (this.checked) {
                $(":checkbox").prop("checked", true);
            } else {
                $(":checkbox").prop("checked", false);
            }
        });
        $('[name=checkboxt]:checkbox').click(function() {
            if (!this.checked) {
                $("#check_all").prop("checked", false);
            }
            checkFlag = true;
            $('[name=checkboxt]:checkbox').each(function() {
                if (!this.checked) {
                    checkFlag = false;
                }
            });
            if (checkFlag) {
                $("#check_all").prop("checked", true);
            }
        });
    }
</script>
</head>
<body>
    <!-- Main content -->
    <section class="content">
        <div class="title">
            <div style="margin-left: 34px;" class="btn-group" role="group"
                aria-label="..." id="more_btn">
                <button type="button" class="btn btn-default">
                    <i style="color: rgb(41, 139, 253); font-size: 16px;"
                        class="fa fa-plus-circle"></i>
                </button>
                <div class="btn-group" role="group">
                    <button type="button" class="btn btn-default dropdown-toggle"
                        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <strong>更多</strong>&nbsp;&nbsp; <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu">
                        <li οnclick="batchApproval();"><a>通过</a></li>
                        <li οnclick="batchAjust();"><a>拒绝</a></li>
                    </ul>
                </div>
            </div>
            <div class="btn-group mybtn-group" style="float: right;">
                <button type="button" class="btn btn-default uppageview">
                    <span class="ion-arrow-left-b"></span>
                </button>
                <button type="button" class="btn btn-default dnpageview">
                    <span class="ion-arrow-right-b"></span>
                </button>
            </div>

            <span style="float: right; margin-top: 8px; font-weight: bold;"><span
                id="currentPage">1</span>/<span id="totalPage">1</span></span>
            <!-- </div> -->
        </div>
        <div class="main no_nav_main" id="main">
            <div class="inner-body" id="inner_body"></div>
            <div id="table_list" style="width: 100%;">
                <table id="nihao"
                    class="table table-bordered table-hover table-striped"
                    style="margin: 5px; width: 99%;">

                </table>
            </div>
        </div>
    </section>
    <!-- /.content -->
    <!-- 模态框 (Modal)-->
    <div id="myModal" class="modal fade" tabindex="-1" role="dialog"
        aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title" id="myModalLabel">拒绝原因</h4>
                </div>
                <div class="modal-body">
                    <input hidden="hidden" id="adminId"></input> <input hidden="hidden"
                        id="adminName"></input>
                    <textarea rows="4" cols="78" id="rejustReason"></textarea>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">取消
                    </button>
                    <button type="button" class="btn btn-primary" id="confirm"
                        data-dismiss="modal" οnclick="rejustAdmin2();">确定</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal -->
    </div>
</body>
</html>

 

转载于:https://www.cnblogs.com/cuijinlong/p/9718520.html

diaokang2511
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS选中checkbox后获取table内一行TD所有数据的方法
12-11
本文实例讲述了JS选中checkbox后获取table内一行TD所有数据的方法。分享给大家供大家参考。具体实现方法如下： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <title>Untitled</title> [removed] function test(o) { if (!o.checked) { return;
jquery获取checkbox选中的值
12-16
在本文中，我们将深入探讨如何使用jQuery来获取checkbox选中的值，包括全选、取消全选、反选以及选中奇数行的操作，并讲解如何获取选中的值。 首先，我们需要引入jQuery库。在`1.html`文件中，我们看到包含了一个名...
checkbox选中获取一行中某个列的值
taojin12的博客
09-27 3841
网上找了好多获取选中获取某一行的值，看起来费劲也实现不了，终于找到下面简洁的代码，一看就明白的，现在就复制过来，方便以后使用。 js写法 function showCol(){ var check=$("input[name='one']:checked");//选中的复选框 check.each(function(){ var row=$(this).parent("td").pa...
通过req获取表单页面1中传入页面2的全部checkbox复选值
Human_worth的博客
11-24 422
一，通过req获取表单中传入页面的全部checkbox复选值 1.概述：在index.jsp页面中建立表单，在RequestText_01.java中获取到表单中的复选框信息。 1.1 index.jsp页面 <%-- Created by IntelliJ IDEA. User: dadaguai Date: 2020/11/23 Time: 20:57 To change this template use File | Settings | File Templates. -
一行代码搞定checkbox全选和全不选
weixin_30596165的博客
07-27 120
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <div id="check"> <input type="checkbox" onclick=...
jQuery获取checkbox选中的值
11-23
本文将详细讲解如何使用jQuery获取checkbox选中的值，并分享一些关于jQuery操作checkbox的基本方法。 首先，让我们来看标题和描述中提到的问题：在网页上有多个checkbox，用户可以选择其中的一个或多个，然后我们...
checkBox复选框，获得选中那一行所有列的数据
weixin_33910759的博客
03-07 670
[html]view plaincopy functionshowCol(){ varcheck=$("input[name='one']:checked");//选中的复选框 check.each(function(){ varrow=$(this).parent("td").parent("tr"); ...
jquery easyui datagrid 获取Checked选择行(勾选行)数据
学英语的程序员
07-17 885
getSelected：取得第一个选中行数据，如果没有选中行，则返回 null，否则返回记录。 例子 function doAdd(){ var rows = $('#' + 'List').datagrid("getSelected"); var wuliaoID = rows[0].id; var url = url; $.ajax({ url : url, ...
checkbox与文字一行时, 对齐
kstudyk的博客
11-01 747
我是文字内容 两个标签都加上style="vertical-align:middle"即可.
js 获取checkbox选中的行及相应操作
c15162的博客
10-20 1218
function aaa(){ var Check = $("table input[type=checkbox]:checked");//在table中找input下类型为checkbox Check.each(function () {//遍历 var value = $(this).parents("tr").find("td").eq(2).find("input").val(); //获取其相对应的valu...
JSP基础语法之六：request对象，1用getParameterNames取得checkbox全部值，2解决getParameter中文乱码...
thewebcode
10-05 509
一：requset.getParameterNames()取得checkbox全部值 前台表单的复选框checkbox命名时统一以"_CB"结尾 后台通过String的结尾字符自动判断：是checkbox时用request.getParameterValues() 否则用request.getParameter()方法 &lt;br&gt;&lt;br&gt;&lt;br&...
request获取页面checkbox（复选框）值
dpn525的专栏
04-01 7592
String[] powerStr=request.getParameterValues("userPower");  
最简单的checkbox, radio跟文字在一行
Genge
02-03 8798
vertical-align:middle; margin-top:0;">不需要 地图
bootstrapTable checkbox 获取选中的一行数据
最新发布
06-13
当你在 Bootstrap Table 中添加复选框列时，可以使用 `getSelections` 方法获取所有选中的行数据，包括复选框列。以下是一个示例： ```html <table id="table" data-toggle="table" data-url="data.json" data-checkbox="true"> <thead> <tr> <th data-field="state" data-checkbox="true"></th> <th data-field="id">ID</th> <th data-field="name">Name</th> <th data-field="price">Price</th> </tr> </thead> </table> <button id="btn">Get selected row</button> ``` 这个示例中，我们在表格中添加了一个复选框列，并在页面中添加了一个按钮。当用户点击按钮时，我们将获取选中的行数据并输出到控制台。 ```javascript $('#btn').click(function() { var selections = $('#table').bootstrapTable('getSelections'); console.log('Selected rows:', selections); }); ``` 这段代码中，我们使用 `getSelections` 方法获取所有选中的行数据，并将其输出到控制台。 注意，复选框列的选中状态并不会影响行数据的获取，所以无需特别处理复选框列。如果需要，你可以在行数据中添加一个 `checkbox` 属性，用于标识该行是否被选中。以下是一个示例： ```javascript $('#btn').click(function() { var selections = $('#table').bootstrapTable('getSelections'); for (var i = 0; i < selections.length; i++) { selections[i].checkbox = true; } console.log('Selected rows:', selections); }); ``` 这段代码中，我们遍历选中行数据的数组，并为每个行数据添加一个 `checkbox` 属性，用于标识该行是否被选中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值