Js选中checkbox后获取table内一行TD所有数据

最新推荐文章于 2023-05-18 10:13:52 发布

言会咸

最新推荐文章于 2023-05-18 10:13:52 发布

阅读量1.4w

点赞数 1

分类专栏： Javascript 文章标签： table html border function

本文链接：https://blog.csdn.net/aoyoo111/article/details/7855418

版权

Javascript 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>Untitled</title>
    <script>
        function test(o) {
            if (!o.checked) {
                return;
            }
            var tr = o.parentNode.parentNode;
            var tds = tr.cells;
            var str = "you click ";
            for(var i = 0;i < tds.length;i++){
                if (i < 3) {
                    str = str + tds[i].innerHTML + "--";
                }
            }
            alert(str);
        }
    </script>
</head>
<body>
<table width="60%" cellspacing="0" cellpadding="0" align="left" border="1" bordercolordark="#ffffff" bordercolorlight="#B3B5B4" >
    <tbody id="tabstore1">
        <tr>
            <td>b1</td>
            <td>b2</td>
            <td>b3</td>
            <td><input type="checkbox" οnclick="test(this);"/></td>
        </tr>
        <tr>
            <td>c1</td>
            <td>c2</td>
            <td>c3</td>
            <td><input type="checkbox" οnclick="test(this);"/></td>
        </tr>
    </tbody>
</table>
</body>
</html>

言会咸

关注

1
点赞
踩
6

收藏

觉得还不错? 一键收藏
0
评论
Js选中checkbox后获取table内一行TD所有数据

Untitled function test(o) { if (!o.checked) { return; } var tr = o.parentNode.parentNode; var tds = tr.cells; v
复制链接

扫一扫

专栏目录