zoukankan      html  css  js  c++  java
  • 实现checkebox全选取消操作

    方法一:

    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>

    版权声明:本文为博主原创文章,未经博主允许不得转载。

     

  • 相关阅读:
    08mybatis映射文件及别名
    2016年阅读书单
    Java的位运算
    Python线程操作
    Java之Jackson框架
    Java线程
    Canvas 知识体系简单总结
    图片轮播
    media页面布局2
    利用@media screen实现网页布局的自适应
  • 原文地址:https://www.cnblogs.com/yunns/p/4867897.html
Copyright © 2011-2022 走看看