zoukankan      html  css  js  c++  java
  • js反选/全选

    js的写法在标题行增加全选复选框和反选按钮,在

    数据行增加带name属性的复选框。

    <table border="1" align="center" width="80%">

    <tr>

    <th><input

    type="checkbox" id="checkall" onclick="checkall()"/><input

    type="button" value="反选" onclick="inverseChk()"/></th>

    <th>主键序号</th>

    。。。。。。。

    </tr>

    <tbody>

    <c:forEach items="${page.list }"

    var="recruit">

    <tr align="center">

    <td><input type="checkbox"

    name="checkid" value="${recruit.nid }" /></td>

    <td> ${recruit.nid }</td>

    <td>${recruit.cjob }</td>

    。。。。。。

    </tr>

    </c:forEach>

    </tbody>

    </table>

    2.全选和全不选 两种实现方式:

    第一种:

    //全选和全不选(prop())(jq 的循环方式)

    function checkAll(){//获取数据行的所有复选框

    var bankchk=$("[name='checkid']");

    var banks=$("#checkall").prop("checked");

    //jq的each循环,

    $.each(bankchk,function(){

    $(this).prop("checked",banks);

    })

    }

    第二种

    function checkall(){

    $("

    [name='checkid']").prop("checked",$("#checkall").prop("checked"));

    }

    3.反选

    function inverseChk(){

    var checkids= $("

    [name='checkid']");

    $.each(checkids,function(){

    $(this).prop("checked",!$(this).prop("checked"));

    })

    }

  • 相关阅读:
    【HDU2050】折线分割平面
    【Codevs1183】泥泞的道路
    Pair
    【Poj 1832】连环锁
    【Poj1090】Chain
    【UVa 10881】Piotr's Ants
    【Codeforces】665E Beautiful Subarrays
    【T^T】【周赛】第一周周赛——欢迎16级的新同学
    【OI新闻】2016.10.09
    二分图的最大匹配
  • 原文地址:https://www.cnblogs.com/ycq-qiang/p/11158730.html
Copyright © 2011-2022 走看看