JavaScript入门笔记：全选功能的实现

最新推荐文章于 2021-09-06 18:51:00 发布

西召

最新推荐文章于 2021-09-06 18:51:00 发布

阅读量792

点赞数 1

分类专栏： HTML JavaScript基础文章标签： javascript checkbox 全选取消全选 HTML

本文链接：https://blog.csdn.net/sinat_26342009/article/details/45825585

版权

本文介绍了如何使用JavaScript实现复选框的全选和取消全选功能。通过在按钮的onclick事件中调用JavaScript函数，可以方便地完成这一操作。详细代码示例可以在HTML文件中运行查看。

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

当页面提供了复选框之后，一般还会提供“全选”与“取消全选”（或”全不选“）按钮。那么如何通过JavaScript代码实现此功能呢？这里提供了一个思路：利用按钮的onclick事件，调用Javascript函数，并根据传入的参数进行“全选”与“取消全选”（或”全不选“）操作，下面是完整的代码，存入一个html文件即可运行演示：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>全选</title>
<script language="javascript">
    
     /* 定义函数，两种写法都是可以的

<span style="white-space:pre">	</span>function selectAll(name,tagName,type,scope)*/
      var selectAll=function(name,tagName,type,scope)
	{

<span style="white-space:pre">	</span>  /*根

最低0.47元/天解锁文章

西召

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript入门笔记：全选功能的实现

当页面提供了复选框之后，一般还会提供“全选”与“取消全选”（或”全不选“）按钮。那么如何通过JavaScript代码实现此功能呢？这里提供了一个思路：利用按钮的onclick事件，调用Javascript函数，并根据传入的参数进行“全选”与“取消全选”（或”全不选“）操作，下面是完整的代码，存入一个html文件即可运行演示：全选 /* 定义函数，两种写法都
复制链接

扫一扫

专栏目录