删除多选框选中商品的内容_快速选择工具怎么删除选中部分吗

删除多选框选中商品的内容_快速选择工具怎么删除选中部分吗多选框定义多选框的出现时将商品循环多次出现,这里用到了el表达式和jstl标签库的foreEach标签,注意input框加上class属性,并加上存有id的属性value:forEachitems=”${productList}”var=”product”varStatus=”vs”>type=”checkbox”class=”check_pid”name=”pid”

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

多选框定义

多选框的出现时将商品循环多次出现,这里用到了el表达式和jstl标签库的foreEach标签,注意input框加上class属性,并加上存有id的属性value:

<c:forEach items="${productList}" var="product" varStatus="vs">

<input type="checkbox" class="check_pid" name="pid" value="${product.pid }">
</c:forEach>

Jetbrains全家桶1年46,售后保障稳定

获取选中的多选框

  1. 通过类选择器获得选中多选框对应的dom对象
  2. 获得到每个多选框的id
  3. 将获得的ID作为参数传递
            function deleteSelectProduct(){ 
   
                if(confirm("您确定删除选中商品吗?")){
                    var checkObject = [];
                    for(var i=0;i<$(".check_pid").length;i++){
                        if($(".check_pid")[i].checked){
                            checkObject.push($(".check_pid")[i]);
                        }
                    }

                    var pid = "" ;
                    for(var i=0;i<checkObject.length;i++){
                        pid += checkObject[i].getAttribute("value")+",";
                    }
                    console.log(pid);
                    window.location.href = "${pageContext.request.contextPath}/deleteSelectProduct?pid="+ pid;

                }
            }
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/234592.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Oracle间隔分区

    Oracle间隔分区

    2021年8月28日
    119
  • 501,502,503,504的区别_412状态码

    501,502,503,504的区别_412状态码502badgateway顾名思义网关错误后端服务器tomcat没有起来,应用服务的问题(前提是接入层7层正常的情况下)。应用服务问题一种是应用本身问题;另一种是因为依赖服务问题比如依赖服务RT高,依赖的服务有大的读取(mysql慢查,http等),以至于调用方超过超时read时间;服务集群压力大时,也会出现502超时(502理解为不可响应或响应不过来,其实还是不可响应)。504…

    2022年4月19日
    252
  • JavaScript像数组添加元素并排序「建议收藏」

    JavaScript像数组添加元素并排序「建议收藏」最近用jscharts做图如上图,柱形排列是没有规律的,将它做出如下调整因为jscharts做表,是使用数组存储数据//准备数据varmyData=newArray([‘Asia’,437,520],[‘Europe’,322,390],[‘NorthAmerica’,233,286],[‘LatinAmerica’,110,162],[‘Afric

    2022年5月2日
    40
  • ModelAndView详解

    ModelAndView详解ModelAndView详解WebServlet应用服务器Spring浏览器 ModelAndView的构造方法有7个。但是它们都是相通的。这里使用无参构造函数来举例说明如何构造ModelAndView实例。   ModelAndView类别就如其名称所示,是代表了MVCWeb程序中Model与View的对象,不过它只是方便您一次返回这两个对象的h

    2022年7月18日
    28
  • java二维数组坐标_Java 二维数组

    java二维数组坐标_Java 二维数组二维数组的定义二维数组本质上是以数组作为数组元素的数组,即“数组的数组”。因为数组只能保存一行数据。在生活中,比如坐标等等,我们需要用二维数组来表示。通过行号和列好来定位数据。定义:类型数组[][]  类型[][]数组名例如:floata[3][4];  //定义a为3行4列的数组二维数组的声明和初始化二维数组的声明、初始化和引用与一维数组相似。当使用new来创建二维数组时,不必指定每一维的…

    2022年6月13日
    37
  • 计算机网络原理(谢希仁第八版)第一章课后习题答案

    第一章1.计算机网络可以向用户提供哪些服务?答:例如音频,视频,游戏等,但本质是提供连通性和共享这两个功能。连通性:计算机网络使上网用户之间可以交换信息,好像这些用户的计算机都可以彼此直接连通一样。共享:指资源共享。可以是信息,软件,也可以是硬件共享。2.试简述分组交换的要点。答:采用了存储转发技术。把报文(要发送的整块数据数据)等分成若干数据段,每个数据段加入控制信息组成的首部(header),构成若干分组。因为分组首部包含了目的地址和原地址等重要控制信息,每个分组才可以在互联网中独立地选择传

    2022年4月8日
    556

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号