码迷,mamicode.com
首页 > Web开发 > 详细

table中JS选取行列

时间:2017-06-28 18:59:59      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:医疗   oct   javascrip   required   end   ldo   length   pen   操作   

<table border="1" align="center" style="width: 500px" id="doctorTable">
            <tr>
                <th>医疗保障人员</th>
                <th>联系方式</th>
                <th>操作</th>
            </tr>
            <tr >
                <td><input style="width: 170px" id="name2" name="name" required="required"/></td>

                <td><input style="width: 170px" id="phone2" name="phone" required="required"/></td>

                <td><input type="button" value="删除" style="width: 80px"
                    onclick="delDoctorTr(2)" /></td>
            </tr>
        </table>
//html
<script type="text/javascript">
        function addDoctorTr() {
            var html = "<tr id=‘tr2‘>" +$("#doctorTable tr:eq(1)").html() + "</tr>";
            m = doctorTable.rows.length;
            n = m + 1;
            html = html.replace(id="name2",id="name"+n); 
            html = html.replace(id="phone2",id="phone"+n); 
            html = html.replace(onclick="delDoctorTr(2)",onclick="delDoctorTr"+"("+n+")"); 
            $("#doctorTable ").append(html);
        }
        function delDoctorTr(n) {
            length = $("#doctorTable tr").length;
            if (length > 2) {
                m = n -1;
                alert($("#doctorTable tr:eq"+"("+m+")").html());
                $("#doctorTable tr:eq"+"("+m+")").remove();
            } else {
                jBox.tip("至少保留一行!");
            }
        }
    </script>

//js
//doctorTable.rows.length 获取ID为doctorTable的所有的行数
//templateTable.rows[0].cells.length 获取ID为templateTable的表格的第一行的有几列
//$("#doctorTable tr:eq(1)").html() 第一行的代码

 

 

table中JS选取行列

标签:医疗   oct   javascrip   required   end   ldo   length   pen   操作   

原文地址:http://www.cnblogs.com/miye/p/7090648.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!