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

删除多选框选中商品的内容_快速选择工具怎么删除选中部分吗多选框定义多选框的出现时将商品循环多次出现,这里用到了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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 51单片机最小系统原理图、PCB及组成原理详解「建议收藏」

    51单片机最小系统原理图、PCB及组成原理详解「建议收藏」单片机:单片机(Microcontrollers)是一种集成电路芯片,是采用超大规模集成电路技术把具有数据处理能力的中央处理器CPU、随机存储器RAM、只读存储器ROM、多种I/O口和中断系统、定时器/计数器等功能(可能还包括显示驱动电路、脉宽调制电路、模拟多路转换器、A/D转换器等电路)集成到一块硅片上构成的一个小而完善的微型计算机系统,在工业控制领域广泛应用。先上原理图和PCB,原理介绍…

    2022年6月2日
    48
  • JDK11安装包(win版)「建议收藏」

    链接:https://pan.baidu.com/s/1S10D5sA8WkYcyOjnE1M5IA提取码:pl26

    2022年4月11日
    46
  • pycharm提示no python interpreter_pycharm failed to create virtual

    pycharm提示no python interpreter_pycharm failed to create virtual学习笔记遇到问题在学习时,用pycharm打开浏览器的时候(我用的是谷歌浏览器,别的浏览器也用这个思路解决)发现提示说找不到这个文件解决方法:打开设置(File→Settings)点击工具,浏览器(Tools→WebBrowsers)在工具那一项中,点击浏览器,再在右边的浏览器中,找到自己要用的浏览器在浏览器对应的路径中修改路径(找到该浏览器下载在本机的位置)这一步老师…

    2022年8月27日
    8
  • tp框架中assign同时传递多个值,输出多个模板变量

    tp框架中assign同时传递多个值,输出多个模板变量

    2021年10月9日
    51
  • java字段_java字段是什么

    java字段_java字段是什么Java 中的属性和字段有什么区别 Java 中的属性 property 通常可以理解为 get 和 set 方法 而字段 field 通常叫做 类成员 或 类成员变量 有时也叫 域 理解为 数据成员 用来承载数据的 字段 field 类成员 字段 通常是在类中定义的类成员变量 例如 publicclassA privateStrin 123 我们可以说 A 类中有一个成员变

    2025年7月14日
    7
  • 解决“The method XXXXXX of type XXXXXXXXX must override a superclass method”

    解决“The method XXXXXX of type XXXXXXXXX must override a superclass method”我的Eclipse版本是3.6.1 @Override时出现以下错误:  ThemethodXXXXXX oftypeXXXXXXXXXmust overrideasuperclassmethod  上网搜索原来原因是:实现类里面使用了@Override,那么在JDK1.5下要使用@Override

    2022年8月22日
    7

发表回复

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

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