JSP+JS实现全选功能

最新推荐文章于 2024-04-02 19:39:43 发布

ckinghan58

最新推荐文章于 2024-04-02 19:39:43 发布

阅读量684

点赞数

分类专栏： JSP JS 文章标签： JS多选框 JSP+JSP全选点击事件 JAVA多选框全选反选

本文链接：https://blog.csdn.net/ckinghan58/article/details/76273450

版权

JS 同时被 2 个专栏收录

11 篇文章 0 订阅

订阅专栏

JSP

2 篇文章 0 订阅

订阅专栏

好记性不如赖笔头……

JS代码如下

    function checkAll(){
        //获取用户选择的所有商品状态 
        var check = document.getElementById("selectAll").checked;
        //获取所有的商品（多选框）
        var ids = document.getElementsByName("uuids");
        //将所有的多选框状态更改为用户选中的状态
        for(var i = 0; i < ids.length;i++){
            ids[i].checked = check
        }
    }

JSP代码如下：

<td align="center" width="18%" onclick="checkAll()">
<input type="checkbox" id="selectAll">全选/全不选</td>
<td align="center" width="18%">名称</td>
<td align="center" width="9%">价格</td>



<c:forEach var="shop" items="${shops }">
<tr >
    <td  align="center" width="23">
        <input type="checkbox" name="uuids" value="${shop.id }"/>
    </td>
    <td  align="center"     width="23">${shop.id }</td>
    <td  align="center"     width="18%">${shop.name }</td>
</tr>
</c:forEach>