引入 Validform验证

<script type="text/javascript">
 
       //添加操作
       crrTrTdCkId=1; 
       function addIndexBtnClick(){  
        crrTrTdCkId=crrTrTdCkId+1
        crrTrTdCkIdStr="CkId"+crrTrTdCkId
        var insertTr=
        '<tr >'+     
        '<td align="center" ><input  type="checkbox" name="ck" id="'+crrTrTdCkIdStr+'"/></td>'+
     '<td >&nbsp;<input name="dxName"  type="text"  datatype="*1-50" style="width:120px" ><span class="Validform_checktip"></span><label class="Validform_label" style="display: none;">名称</label></td>'+
     '<td >&nbsp;<input name="dxgrade" type="text"   datatype="n1-2" style="width:40px" ><span class="Validform_checktip"></span><label class="Validform_label" style="display: none;">分数</label></td>'+
     '<td >&nbsp;<input name="remark"  type="text" datatype="*0-150" style="width:250px" ><span class="Validform_checktip"></span><label class="Validform_label" style="display: none;">备注</label></td>'+
     '</tr>'
        $("#addPosition").after(insertTr);
     $("#addPosition").remove();
     $("#"+crrTrTdCkIdStr).parent().parent().after('<input id="addPosition" type="hidden"/>')
       }
       //删除操作
       function delIndexBtnClick(){
        if($("input[name='ck']:checked").length==0){
           tip("至少选择一条进行删除操作");
        }else{
         $('input[name="ck"]:checked').each(function(){
             $(this).parent().parent().remove();
           });
        }             
       }
       //全选 全不选 jq操作
        $(function(){
          $("#dxBox").click(function(){          
              if($("#dxBox").val()==0){       
             $('input[name="ck"]').attr("checked","true");                         
             $("#dxBox").val("1")
              }else{           
             $('input[name="ck"]').removeAttr("checked");               
             $("#dxBox").val("0")
              }            
            });
        })
 
       </script>
      
 <style type="text/css">
.formtable1 td{ border:1px solid #ddd;height:38px}
</style>
 
 </head>
 <body style="overflow-x: hidden;">
  
 
     <div style="height:25px" class="datagrid-toolbar">  
    <a id="addColumnBtn1" class="easyui-linkbutton" data-options="iconCls:'icon-add'" onclick="addIndexBtnClick();" href="#">添加</a>
    <a id="delColumnBtn1" class="easyui-linkbutton" data-options="iconCls:'icon-remove'" onclick="delIndexBtnClick();" href="#">删除</a>  
    <%--<span style="color:#000000;font-size:16px">点选项明细</span>--%>
    </div>
  <table class="formtable1" cellpadding="0" cellspacing="0" width="100%" >
      <tr>      
         <td align="center" width="5%"  > <input type="checkbox" value="0" id="dxBox" /></td>
      <td align="center" width="30%" ><b>名称</b></td>
      <td align="center" width="15%" ><b>分数</b></td>
      <td align="center" width="50%" ><b>备注</b></td>   
   </tr>
   <c:forEach items="${dxList }" var="v1" varStatus="status">
     <tr>     
         <td align="center" valign="middle" >
         <input type="checkbox" name="ck" id="trForCK${status.index+1}"/>
         </td>
      <td>&nbsp;
      <input name="dxName" value="名称1" type="text"  datatype="*1-50" style="width:120px" >
      <span class="Validform_checktip"></span>
      <label class="Validform_label" style="display: none;">名称</label>
      </td>
      <td  >&nbsp;
      <input  name="dxgrade" value="1"  type="text"  datatype="n1-2" style="width:40px" >
      <span class="Validform_checktip"></span>
      <label class="Validform_label" style="display: none;">分数</label>
      </td>
      <td>&nbsp;
      <input name="remark"  value="备注1" type="text"  datatype="*0-150" style="width:250px">
      <span class="Validform_checktip"></span>
      <label class="Validform_label" style="display: none;">备注</label>
      </td>
   </tr>
   </c:forEach>
             <input id="addPosition" type="hidden"/>
  </table>

关于checkbox操作 table的更多相关文章

  1. jQuery操作Table tr td常用的方法

    虽然现在DIV+CSS进行页的布局大行其道,但是很多地方使用table还是有很多优势,用table展示数据是比较方便的,下面汇总了jQuery操作Table tr td常用的方法,熟记这些操作技巧,下 ...

  2. 汇总常用的jQuery操作Table tr td方法

    虽然现在DIV+CSS进行页的布局大行其道,但是很多地方使用table还是有很多优势,用table展示数据是比较方便的,下面汇总了jQuery操作Table tr td常用的方法,熟记这些操作技巧,下 ...

  3. JQuery操作Table元素

    使用Jquery操作Table中的tr向上或向下移动,以及全选和反选操作. 点击Table Head中的复选框,全选或反选表格中所有的复选框; 选中复选框,点击Up 按钮, tr上移;点击 Down ...

  4. js实现动态操作table

     本章案例为通过js,动态操作table,实现在单页面进行增删改查的操作. 简要案例如下: <%@ page language="java" contentType=&quo ...

  5. jQuery操作table数据上移、下移和置顶

    jQuery 操作table中的tr换行的步骤如下: 1.获取当前tr var $tr = $(this).parents("tr"); 2.移动tr //上移 $tr.prev( ...

  6. js 操作table: insertRow()，deleteRow()，insertCell()，deleteCell()方法

    表格有几行: var trCnt = table.rows.length;  (table为Id ) 每行有几列:for (var i=0; i<trCnt; i++)              ...

  7. 第十三篇 JS 操作table表格

    JS 操作table表格 这节课难度可能高一点,因为没有提前解释if判断.for循环.这节课是直接把这两样用上了,老师先简单介绍一下: if,判断语句,判断就很简单了嘛,假如说1=1(1等于1),当然 ...

  8. jQuery操作Table学习总结[转]

    <style type="text/css">       .hover       {                  }    </style>< ...

  9. 最近自己封装了个JS脚本，用来创建和操作Table

    基于JQuery封装的Table操作脚本 /** 依赖JQuery **/ (function () { var Table = window.Table = function (rowCount, ...

随机推荐

  1. 高并发的epoll+线程池，线程池专注实现业务

    我们知道,服务器并发模型通常可分为单线程和多线程模型,这里的线程通常是指“I/O线程”,即负责I/O操作,协调分配任务的“管理线程”,而实际的请求和任务通常交由所谓“工作者线程”处理.通常多线程模型下 ...

  2. Time complexity--codility

    lesson 3: Time complexity exercise: Problem: You are given an integer n. Count the total of 1+2+...+ ...

  3. 【转】使用 JMeter 完成常用的压力测试

    本文介绍了 JMeter 相关的基本概念.并以 JMeter 为例,介绍了使用它来完成最常用的三种类型服务器,即 Web 服务器.数据库服务器和消息中间件,压力测试的方法.步骤以及注意事项.      ...

  4. poj 3977 Subset（折半枚举+二进制枚举+二分）

    Subset Time Limit: 30000MS   Memory Limit: 65536K Total Submissions: 5721   Accepted: 1083 Descripti ...

  5. ansible之感冒药

    Ansible简介安装 Ansible是一个综合的强大的管理工具,他可以对多台主机安装操作系统,并为这些主机安装不同的应用程序,也可以通知指挥这些主机完成不同的任务.查看多台主机的各种信息的状态等,a ...

  6. 关于最大传输单元（MTU）的整理

    MTU设置不当,可能会导致许多网络问题,如某些网络应用无法使用,某些网站无法访问等.下面是在网上搜索整理的关于MTU设置的东西,某些可能未作验证,仅供参考. 1. 如何确定网络MTU 某些ISP接入的 ...

  7. 【学习笔记】dp基础

    知识储备:dp入门. 好了,完成了dp入门,我们可以做一些稍微不是那么裸的题了. dp基础,主要是做题,只有练习才能彻底掌握. 洛谷P1417 烹调方案 分析:由于时间的先后会对结果有影响,所以c[i ...

  8. 浅谈PHP面向对象编程（七、抽象类与接口）

    7.0 抽象类与接口 当定义一个类时,常常需要定义一些方法来描述该类的行为特征.但有时这些方法的实现方式是无法确定的,此时就可以使用抽象类和接口. 抽象类和接口用于提高程序的灵活性.抽象类是一种特殊的 ...

  9. PHP for和foreach的区别

    首先,我们先准备两个用于遍历的数组: $arr1=array(1=>'a', 3=>22, 5=>'b', 4=>'c', 8=>'d'); $arr2=array('a ...

  10. python学习笔记（九）：操作数据库

    我们在写代码的时候,经常会操作数据库,增删改查,数据库有很多类型,关系型数据库和非关系数据库,这里咱们介绍一下python怎么操作mysql.redis和mongodb. 一.python操作mysq ...