精华内容
下载资源
问答
  • 通过复选框选取要删除记录 然后点击删除按钮批量删除的js脚本
  • jsp通过勾选复选框实现批量删除

    万次阅读 2015-06-29 20:17:47
    这是自己开发的时候碰到的问题,当时想实现可以通过勾选复选框删除从数据库中读取并以表格显示的数据,废话不说,先上效果图。...这个效果是可以勾选复选框然后点击删除实现批量删除。 选择 <th width="180">I

    这是自己开发的时候碰到的问题,当时想实现可以通过勾选复选框删除从数据库中读取并以表格显示的数据,废话不说,先上效果图。

    这里写图片描述
    这个效果是可以勾选复选框然后点击删除实现批量删除。

    <table class="table table-hover">
                <tr>
                <th width="50">选择</th>
                <th width="180">ISBN号</th>
                <th width="*">书名</th>
                <th width="60">作者名</th>
                <th width="230">出版单位</th>
                <th width="100">出版时间</th>
                <th width="100">价格</th>
                </tr>
                <%
                    java.sql.Connection sqlCon; //数据库连接对象
                    java.sql.Statement sqlStmt; //SQL语句对象
                    java.sql.ResultSet sqlRst; //结果集对象
                    java.lang.String strCon; //数据库连接字符串
                    java.lang.String strSQL; //SQL语句
                    ResultSet rs = bd.getNotBorrow();
                    String driver = "com.mysql.jdbc.Driver";
                    String url = "jdbc:mysql://localhost:3306/student";
                    Class.forName(driver);
                    sqlCon = java.sql.DriverManager.getConnection(url, "root",
                "600456123");
                    sqlStmt = sqlCon.createStatement();
                    strSQL = "select * from student";
                    sqlRst = sqlStmt.executeQuery(strSQL);
                    while(sqlRst .next()){
                %>
                <tr>
                <td><input type="checkbox" name="chk" id="chk" value=<%=rs.getString("ISBN") %>></td>
                <td><%=rs.getString("ISBN")%></td>
                <td><%=rs.getString("bookName")%></td>
                <td><%=rs.getString("author")%></td>
                <td><%=rs.getString("publish")%></td>
                <td><%=rs.getString("publishDate")%></td>
                <td><%=rs.getString("price")%></td>
                </tr>
                <%
                 }
                %>
            </table>
            <%
            String s[] = request.getParameterValues("chk");
    
            for (int i = 0;i < s.length;i ++)
            {
                strSQL = "delete from book where ISBN='"+ s[i] +"'";
                rs= sqlStmt.executeQuery(strSQL);
            }
          %>
    展开全文
  • JSP页面中点击复选框后,然后点击删除批量对选中的数据进行删除,有没有JS代码?
  • jsp页面布局和执行程序在同一个页面,现在希望给每条提交的信息加上复选框批量删除,求具体代码和解决方法,大恩不言谢。
  • 复选框批量删除

    2014-03-21 11:18:34
    My JSP 'readersAll.jsp' starting page function check(){ var readerids=document.getElementsByName("ids"); var result=0; for ( var i = 0; i { if (readerids[i].checked)  { result++; } }
    <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
    <%@ taglib prefix="s" uri="/struts-tags" %>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>My JSP 'readersAll.jsp' starting page</title>
    <script type="text/javascript">
    function check()
    {
    var readerids=document.getElementsByName("ids");
    var result=0;
    for ( var i = 0; i < readerids.length; i++) 
    {
    if (readerids[i].checked) 
    {
    result++;
    }
    }
    return result;
    }
    function batchdeleteReaders()
    {
    if (check()==0)
    {
    alert("您还没有选择任何信息!");
    return;
    }
    if (window.confirm("您确定删除这些信息?"))
    {
    document.forms[1].action="batchdeleteReaders.action";
    document.forms[1].submit();
    }
    }
    </script>
    </head>
     
    <body>
    <jsp:include page="/leftDiv.jsp"></jsp:include>
    <div id="rightDiv">
    <form >
    <div id="rightTop" >
    <input type="checkbox" name="readerid" id="readerid" οnclick="checkbox(this)"/>全选
    <img src="images/delete.png" οnclick="batchdeleteReaders()"/>
    </div>
    </form>
    <form>
    <div>
    <table style="width: 100%;background:menu"; border="1px" >
    <tr style="color: maroon">
    <th><em>选择</em></th>
    <th><i>编号</i></th>
    <th><strong>姓名</strong></th>
    </tr>
    <s:if test="#request.listReaders.size()==0">
    <tr>
    <td colspan="11" style="text-align: center;>
    无相关数据
    </td>
    </tr>
    </s:if>
    <s:else>
    <s:iterator var="r" value="#request.listReaders">
    <tr style="text-align: center;">
    <td>
    <input type="checkbox" name="ids" id="ids" value="<s:property value="id" />" />
    </td>
    <td><s:property value="#r.id"/></td>
    <td><s:property value="#r.name"/></td>
    </tr>
    </s:iterator>
    </s:else>
    </table>
    </div>
    </form>
    </div>
    </html>
    展开全文
  • jsp文件中的复选框 <%--使用forEach循环出checkbox复选框--%> <c:forEach var="item" items="${cardsList}"> <tr> <td><input name="car...

     jsp文件中的复选框

    <%--使用forEach循环出checkbox复选框--%>
    <c:forEach var="item" items="${cardsList}">
       <tr>
       <td><input name="cardId" type="checkbox" value="${item.id}" ></td>
            <td>${item.id}</td>
            <td>${item.cardNo}</td>
            <td><fmt:formatDate type="both" value="${item.createTime}" timeZone="UTC"/></td>
       </tr>
    </c:forEach>

     

    jsp文件中的button按钮   绑定了οnclick="delCardBatch()"事件,只要点击就会调用delCardBatch()方法

    <button type="button" onclick="delCardBatch()" class="am-btn am-btn-default am-btn-danger" >
       <span class="am-icon-trash-o"/>解绑此卡
    </button>

     

    js文件中的function delCardBatch() (或者把该方法写在jsp文件的<script>标签中)

    function delCardBatch() {
    
        if(confirm("您确定删除吗?")){
    
            var cardIds = $("input[name='cardId']");
            var cardIdstr = '';
            cardIds.each(function () {
                if($(this).prop("checked")){
                    cardIdstr += $(this).val()+","
                }
            })
    
            var cardIds = cardIdstr.substring(0,cardIdstr.length-1);
    
            $.ajax({
                async:true,           //true异步,false同步(默认异步)
                type:'post',           //请求类型(get post)
                data:{cardId:cardIds},  //发送的数据
                dataType:'json',       //预期的服务器响应的数据类型
                url: '/card/toDeleteCard',  //数据发送到的地址
                timeout: "10000",      //超时时间(ms)
                success: function(result) {
                    if(result.success){   
                        window.location.href="/card/queryCard";//用于刷新页面
                    }else{
                        alert("数据异常");
                    }
                }
            });
        }
    }

     

    后端代码实现

    //controller层实现代码
    @RequestMapping(value = "toDeleteCard")
        @ResponseBody   //该注解的作用是让后端返回json给对象前端
        public AjaxResult delCard(@RequestParam(value = "cardId") String cardId) {
    
            cardService.delCard(cardId);
    
            return AjaxResult.success();
    
        }
    
    //cardService 中的delCard()方法
     @Transactional(rollbackFor = Exception.class)
        public void delCard(String cardId){
            String[] cardIds = cardId.split(","); //去掉数据中的逗号
    
            for (String temp : cardIds) {
                //删除银行卡
                cardMapper.delCard(Integer.valueOf(temp));
            }
        }
    
    //cardMapper 中的代码
     int delCard(@Param("cardId") Integer cardId);

     

    转载于:https://my.oschina.net/u/3446892/blog/1627402

    展开全文
  • 楼主初学web开发,模仿项目里删除商品的功能想加一个批量删除的功能,运行404 这是servlet部分 //从购物车中删除商品 private boolean deleteFromCart(HttpServletRequest request, HttpServletResponse ...
  • jsp使用复选框做成的批量删除

    热门讨论 2010-08-14 18:08:57
    经由本人验证,绝对正确,并且简单,易操作的jsp批量删除
  • NULL 博文链接:https://lhbthanks.iteye.com/blog/2101997
  • 一、将前台jsp页面中的所有你要用到checkbox的name值设为相同 二、在后台获取参数时,使用数组获取: 三、进行数组必要的格式转换,再进行sql操作 Jsp 页面 [code="java"] 全选 [/code] ...
    一、将前台jsp页面中的所有你要用到checkbox的name值设为相同
    二、在后台获取参数时,使用数组获取:
    三、进行数组必要的格式转换,再进行sql操作

    Jsp 页面

    <input type='checkbox' name='chk' id='chk' value="+empId+">
    <input type="checkbox" name="allchk" id="allchk" onclick="allCheck(this);"/>全选
    <input class="btnBlue mL10 ygDelRow" value="删除" onclick="deleteContactor();" type="button">
    <input id="delstrs" value="" type="hidden">

    全选按钮的函数

    //全选按钮
    function allCheck(check){
    var checkbox=document.getElementsByName("chk");
    if(check.checked){
    for(var i=0;i<checkbox.length;i++){
    checkbox[i].checked="checked";
    }
    }else{
    for(var i=0;i<checkbox.length;i++){
    checkbox[i].checked="";
    }
    }
    }


    删除员工的函数

    //删除员工
    function deleteContactor(){

    var empId="";
    var sel=document.getElementsByName("chk");//获取checkbox的值
    for( var i=0;i<sel.length;i++)
    if(sel[i].checked==true)
    empId+=sel[i].value+"~";
    if(empId === undefined || empId === ''){
    alert("请至少选择一条记录!");
    return ;
    }
    $("#delstrs").val(empId);
    $.popup($(".zctjcg"));
    $('.zctjcg').show();
    $('.maskBlack').show();
    }
    //确认删除
    function confirmDelete(){
    // if(confirm("您确定删除选定的员工信息?")){
    var empId= $("#delstrs").val();
    var url = GETFRONTUSERSTRING+"doDelEmp.action";
    var param = {
    empId:empId
    };
    try{
    new AjaxRequest(url,{
    parameters:param,
    onComplete:function(data){
    $(".zctjcg").hide();
    $(".maskBlack").hide();
    doStaffQuery();
    },
    onFail:function(){
    return false;
    }
    });
    }catch(e){
    alert(e.message);
    $(".zctjcg").hide();
    $(".maskBlack").hide();
    return;
    }
    }

    //后台获取参数

    String empId = this.getAjaxParameter("empId");
    String [] empIds = empId.split("~");


    /**
    * 获取Get方式的Ajax请求参数解码值
    * 实际上就是调用request.getParameter方法获得参数,然后再进行编码转换
    */
    public String getAjaxParameter(String paramName) {
    if (paramName == null) {
    return null;
    }
    String value = this.getRequest().getParameter(paramName);
    String decodedValue = this.getDecodedValue(value);

    return decodedValue;
    }


    //数据库修改值批量更新

    ManagerFactory.getEnterpriseEmpManager().updateEmpStatus(empIds,sessionUser.getUserId());


    //dao层方法具体实现

    public int[] batchUpdateEmpStatus(final String[] empIds, final String userId) {
    String sql = "update aes_enterprise_emp p set status = ? ,operator = ? , operatetime = ? where p.enterpriseempid=?";
    return this.batchUpdate(sql.toString(), new BatchPreparedStatementSetter() {
    public void setValues(PreparedStatement ps, int index) throws SQLException {
    String empid=empIds[index];
    ps.setString(1, "0");
    ps.setString(2, userId);
    ps.setTimestamp(3,new Timestamp(new Date().getTime()));
    ps.setString(4, empid);
    }
    @Override
    public int getBatchSize() {
    return empIds.length;
    }
    });

    }


    底层dao

    protected int[] batchUpdate(String sql, BatchPreparedStatementSetter setter) {
    logManager.info(this.getClass(), sql);

    return getJdbcTemplate().batchUpdate(sql, setter);
    }


    //效果图
    [img]http://dl2.iteye.com/upload/attachment/0127/4899/2f9a22e3-d4c5-30d9-8614-5dad28f50c91.png[/img]

    [img]http://dl2.iteye.com/upload/attachment/0127/4901/09b15c23-c81f-326d-b5b4-dddb7490d4b8.png[/img]
    展开全文
  • 复选框实现批量删除 ; charset=UTF-8"  pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> ; charset=UTF-8"> ...
  • 11 转载于:https://www.cnblogs.com/yoyo24456/p/3684759.html
  • 复选框checkbox实现批量删除

    万次阅读 2012-10-31 15:09:01
    一、jsp页面 /js/jquery-1.4.2.min.js"> $(function() { //全选,反选 $('#chooseAll').click(function() { var list = $('[name=ids]').length; if ($('#chooseAll').attr("checked") == true) { for ( ...
  • checkbox复选框的默认样式太low,最近做的项目我选择了自定义样式,网上找了不少文章内容冗余,并且并不是都有效果,所以将自己过程整理出来,以备后用。只要在jsp页面和css样式表中添加相应代码即可:一、jsp页面:...
  • 多个复选框表单,并把复选框选中的内容,发给给服务器后台,服务器去接收。 demo01_array.jsp <%-- 页面会将选中的复选框的值,需要让复选框使用同一个name 程序认为需要将多个值 放到数组中,提交到后台 --%>...
  • JS实现复选框的全选和批量删除功能

    千次阅读 2017-09-28 14:58:36
    如图示: 功能描述:在勾选了全选时,所有的商品都会勾选,在取消全选时,取消所有物品的勾选。如果点击批量删除,删除所勾选的商品。 ()" /> 全选/全不 //全选 function ckAll(){
  • Ajax代码 function delAll(){ ... $("input[name='check']:checked").each(function(i){//把所有被选中的复选框的值存入数组 ids[i] =$(this).val(); }); if(ids.length>0){ if(confi...
  • 批量/删除</a></td> <td>会员编号</td> <td>会员姓名</td> <td>会员性别</td> <td>联系电话</td> <td>Email地址</...
  • 复选框实现全选/全部选/反选前端HTML代码:&lt;form action="delProfile" method="post"&gt; &lt;table border="1" cellpadding="0" cellspacing="0&...
  • 逻辑删除设备:(数据表中还有这条记录,不显示出来) ...jsp页面如下图,要获取选中的复选框,把选中的id传给SpringMVC的Controller 完整流程如下: 1、sbgl_list.jsp <%@ page languag...
  • 这次给大家带来jQuery的复选框选择并且获取值,jQuery复选框选择并且获取值的注意事项有哪些,下面就是实战案例,一起来看一下。一、checkbox选择在jQuery中,选中checkbox通用的两种方式:$("#cb1").attr("checked...
  • jsp+servlet批量删除

    2011-07-21 11:15:46
    批量删除 复选框 多选 批量删除 实例参考 简单易懂
  • jsp中表单页面 /DelectServlet" method=post> 全选/反选 编号 用户名 密码 姓名 邮箱 性别 生日 爱好 ...
  • 此项目基于的框架是:springmvc+mybatis ... * 批量删除 batch */ @RequestMapping("/batchDeletes") @ResponseBody public void batchDeletes(HttpServletRequest request,HttpServletRes...
  • 对应页面需要增加一列复选框,以便批量删除: [img=https://img-bbs.csdn.net/upload/201508/25/1440491342_444662.png][/img] 请问jsp页面checkbox标签该怎么写?急!!!这框架叫 JEECG 真的不熟。。。
  • 使用Struts2和jQuery EasyUI实现简单CRUD系统(三)——复选框进行多选删除操作
  • html,删除复选框选中的内容

    千次阅读 2015-06-21 17:01:43
    首先是选中复选框,可以自己单击一个个的选,这个就不用多说了吧!也可以批量操作,如全选,主要是设置复选框的.checked值。
  • 本功能是基于springMVC+mybatis框架实现的,实现过程如下: jsp代码: name="subcheck" value="${movie.id}" /> ${status.count }

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,157
精华内容 462
关键字:

jsp复选框批量删除