zoukankan      html  css  js  c++  java
  • 点击实现全选、取消全选

    <tr>
    <th width="40"><input type="checkbox" class="list-com-chkall" /></th>
    <th width="120"><div class="list-com-head over-flow">小组名称</div></th>
    <th><div class="list-com-head alg-lft over-flow">小组描述</div></th>
    <th width="100"><div class="list-com-head over-flow">有效状态</div></th>
    </tr>
    <c:forEach items="${page.data }" var="group" varStatus="status">
    <tr class="list-com-row">
    <td><input type="checkbox" class="list-com-chkopt" value="${group.groupId }" nm="${group.groupName }" }/></td>
    <td>
    <div class="list-com-item over-flow enable-open b-edit" beditid="${group.groupId}" title="${group.groupName }" onclick="openIframe('${group.groupId}','${group.groupName }','coin/coin-user!input.do?id=${group.groupId}')">
    ${group.groupName }
    </div>
    </td>
    <td><div class="list-com-item alg-lft over-flow" title="${group.groupDesc }">${group.groupDesc }</div></td>
    <td><div class="list-com-item over-flow"><span class="font-c-green">${group.state==0 ? "无效" : "有效" }</span></div></td>
    </tr>
    </c:forEach>

    //全选(取消全选)
    $("body").on("click",".list-com-chkall",function(){
    if(!!this.checked){
    $(".list-com-chkopt[disabled!=disabled]").prop("checked",true).parent().parent().addClass("lt-row-checked");
    }else{
    $(".list-com-chkopt").prop("checked",false).parent().parent().removeClass("lt-row-checked");
    }

  • 相关阅读:
    Java 学习 第二篇;面向对象 定义类的简单语法:
    Java 学习 第一篇
    Compiler Principles 语法分析
    未来智能机的发展趋势
    C语言IO操作总结
    python学习资料
    JavaScript 数组的创建
    JavaScript中的逗号运算符
    JavaScript本地对象 内置对象 宿主对象
    JavaScript的this用法
  • 原文地址:https://www.cnblogs.com/Super-lingxia/p/8109319.html
Copyright © 2011-2022 走看看