实现checkebox全选取消操作

来源：互联网发布：软件方向毕业论文题目编辑：程序博客网时间：2024/06/06 18:03

方法一：

javascript代码：

function checkedChild(obj,index){var checkBoxs = document.getElementsByName("carId"+index);if(obj.checked){for ( var i = 0; i < checkBoxs.length; i++){checkBoxs[i].checked = true;}}else{for ( var i = 0; i < checkBoxs.length; i++){checkBoxs[i].checked = false;}}}

方法二：

jQuery代码：

function checkedChild(obj,index){     $("#tr"+ index + " :checkbox").prop("checked", obj.checked);}

jsp页面：

    <c:forEach item="${result}" var = "wb" varStatus="vs"><tr id="tr${vs.count}">        <td align="center">        <input name="waybillNo" type="checkbox" value="${wb.waybillNo}" onclick="checkedChild(this,'${vs.count}')">        </td>        <td>          <div class="tab_txt">            <ul class="yd_car">            <c:forEach items="${wb.carVOs}" var="car">                <li>                   <input type="checkbox" name="carId${vs.count}" value="${car.id}" class="car_class_${vs.index}">                </li>            </c:forEach>            </ul>          </div>        </td>    </tr>    </c:forEach>

0 0