普通网友 2017-04-26 12:43 采纳率: 0%
浏览 2821

jsp输出中增加复选框实现批量删除

jsp页面布局和执行程序在同一个页面，现在希望给每条提交的信息加上复选框，批量删除，求具体代码和解决方法，大恩不言谢。

  • 写回答

1条回答 默认 最新

  • JPF1024 2017-04-26 13:56
    关注

    贴下代码，批量删除其实很简单，

    给你个简单的小例子:

     <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>test</title>
    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js" type="text/javascript"></script>
</head>
<body>
    <div>
        <div><input type="checkbox" id="checkboxall" />全选[再次点击可取消]</div>
        <span id="span1"><input type="checkbox" name="checkboxspan" value="1" />1</span>
        <span id="span2"><input type="checkbox" name="checkboxspan" value="2" />2</span>
        <span id="span3"><input type="checkbox" name="checkboxspan" value="3" />3</span>
        <span id="span4"><input type="checkbox" name="checkboxspan" value="4" />4</span>
        <span id="span5"><input type="checkbox" name="checkboxspan" value="5" />5</span>
        <span id="span6"><input type="checkbox" name="checkboxspan" value="6" />6</span>
        <span id="span7"><input type="checkbox" name="checkboxspan" value="7" />7</span>
        <span id="span8"><input type="checkbox" name="checkboxspan" value="8" />8</span>
        <span id="span9"><input type="checkbox" name="checkboxspan" value="9" />9</span>
        <span id="span10"><input type="checkbox" name="checkboxspan" value="10" />10</span>   
        <input type="button" value="删除选中" id="deleteBtn" />
    </div>
    <script>
        $(document).ready(function(){
            $("#checkboxall").click(function(){
                // 全选的选中状态.
                var check =  $(this).prop("checked");
                $("input[type='checkbox'][name='checkboxspan']").prop('checked',check);
            })

            $("#deleteBtn").click(function(){
                if(confirm('确认删除选中?')){
                        $("input[type='checkbox'][name='checkboxspan']:checked").each(function(){
                            console.log($(this).val());
                            $("#span"+$(this).val()).remove();
                        })
                }

            })
        })
    </script>
</body>
</html>
    评论

报告相同问题？

悬赏问题

  • ¥15 k8s部署jupyterlab，jupyterlab保存不了文件
  • ¥15 ubuntu虚拟机打包apk错误
  • ¥199 rust编程架构设计的方案 有偿
  • ¥15 回答4f系统的像差计算
  • ¥15 java如何提取出pdf里的文字？
  • ¥100 求三轴之间相互配合画圆以及直线的算法
  • ¥100 c语言，请帮蒟蒻写一个题的范例作参考
  • ¥15 名为“Product”的列已属于此 DataTable
  • ¥15 安卓adb backup备份应用数据失败
  • ¥15 eclipse运行项目时遇到的问题