html 获取table标签中的checked为true的项值

最新推荐文章于 2021-08-09 20:51:45 发布

a771948524

最新推荐文章于 2021-08-09 20:51:45 发布

阅读量2.3k

点赞数

分类专栏： web

web 专栏收录该内容

39 篇文章

订阅专栏

本文通过一个简单的HTML表格示例介绍了如何使用JavaScript来实现表格中复选框的点击事件，当用户点击复选框时，将显示该行单元格的内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
<html>  
<head>  
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>  
    <title></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>