JSP+JS实现全选功能

好记性不如赖笔头……

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>