jquery 实现自定义表格里的 复选框 全选反选操作,C标签<c:forEach应用

-------------jsp 页面  用到 C标签

<table width="1300px" border="1" cellspacing="1" cellpadding="1" class="data_tb" id="data_tb">
        <tr>
            <th>
            序号
<!--                <input type="checkbox" οnclick="setckCheck(this)">-->
            </th>
            <th>部门</th>
            <th>姓名</th>
            <th>记录日期</th>
            <th>星期</th>
            <th>打卡时间</th>
<!--             <th>迟到/早退</th>-->
            <th>非正常考勤时间</th>
            <th>申报类型</th>
             <th>申报理由</th>
            <th>审批状态</th>
        </tr>
        
        
        <c:forEach var="dic" items="${dicList}" varStatus="stauts">
            <tr>
<!--               <td>-->
      <input type="checkbox" οnclick="" id="${dic.id}"> 
<!--               </td>-->
                <td>${stauts.index+1}</td>
                
                <td>${dic.deptName}</td>
                <td>${dic.name}</td>
                <td>${dic.onWorkCardDate}</td>
                <td>${dic.onWorkCardDay}</td>
                
                <td>${dic.onWorkCardTime}</td>
<!--                '1迟到/2早退',-->
<!--                <td>${dic.lateEarlyState}</td>-->
                <td>${dic.errorAttendTime}</td>
                <td>${dic.declarationType}</td>
                <td>${dic.declarationReason}</td>
<!--                '0已审核1填报2送审3打回',-->
                <td>${dic.auditState}</td>
                 
            </tr>
        </c:forEach>

------------------------------------js

//实现checkbox全选反选操作
function setckCheck(obj){
    //alert(obj.checked);
    $(".data_tb tr").each(function(){
        //alert($(this).html());
        var ftd = $(this).children("td:first"); 
        //alert($(ftd).html());
        var inputObj = $(ftd).find('input');//查找input元素
        //判断input元素是不是checkbox
        //alert($(obj).attr("type"));
        if("checkbox" == $(inputObj).attr("type")){
            //alert($(obj).attr("checked"));
            if(obj.checked){//选择
                $(inputObj).attr("checked",true);
            }else{
                $(inputObj).attr("checked",false); 
            }
        }
    });
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值