checkbox全选和取消，附带单击表格tr选中功能

最新推荐文章于 2018-12-03 10:32:23 发布

北山飞天

最新推荐文章于 2018-12-03 10:32:23 发布

阅读量933

点赞数

文章标签： checkbox全选点击tr选中 input全选 js实现checkbox全选

本文链接：https://blog.csdn.net/yao8513277/article/details/80844085

版权

这个示例展示了如何在HTML表格中使用JavaScript（jQuery）实现checkbox全选和取消全选的功能，并且当点击表格行时，该行会被选中。通过点击全选按钮，所有checkbox被勾选；点击取消按钮，所有checkbox被取消。此外，实现了单击表格行时，行会切换选中状态，同时对应的checkbox也会进行相应的选中或取消选中操作。

摘要由CSDN通过智能技术生成

<html>
<head>
test
</head>
<body>
<table width="300px" border="1">
    <tr>
        <th>
            <input type="button" style="display:block" id="selectAll" value="全选">
            <input type="button" style="display:none" id="closeAll" value="取消">
        </th>
    </tr>
    <tr><td><input type="checkbox" name="checkbox" /></td><td>2</td><td>1</td></tr>
    <tr><td><input type="checkbox" name="checkbox"/></td><td>2</td><td>1</td></tr>
    <tr><td><input type="checkbox" name="checkbox"/></td><td>2</td><td>1</td></tr>
    <tr><td&g

最低0.47元/天解锁文章

北山飞天

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
checkbox全选和取消，附带单击表格tr选中功能

&lt;html&gt;&lt;head&gt;test&lt;/head&gt;&lt;body&gt;&lt;table width="300px" border="1"&gt; &lt;tr&gt; &lt;th&gt; &lt;input type="button"
复制链接

扫一扫