JavaScript第一篇之实现按钮全选、功能
更新时间：2016年08月21日 08:57:14 作者：astwoamt
这篇文章主要介绍了JavaScript第一篇之实现按钮全选、功能的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
1、新建一个文档（用NotePad软件，为了使得在浏览器中打开不是乱码，在软件的文件出找到编码，将其修改为UTF-8编码。或者点击谷歌浏览器中的右上角的三条杠，选择更多工具->编码->UTF-8），将其重命名（例：第一个java script.html 注：一定要把扩展名改为.html）。
2、将其用记事本的格式打开，进行编写。
3、以下是编写的“按钮全选的实现”的相关代码：
<html>
<head>
<title> 全选按钮的实现 </title>
</head>
<body>
<div>
<input type="checkbox" id="chkAll" onclick="checkAll(this)" />全选
</div>
<div>
<input type="checkbox" name="chk"/>选项1
</div>
<div>
<input type="checkbox" name="chk"/>选项2
</div>
<div>
<input type="checkbox" name="chk"/>选项3
</div>
<div>
<input type="checkbox" name="chk"/>选项4
</div>
<input type="checkbox" name="chk"/>选项5
</div>
</body>
<script>
//全选
function checkAll(e)
{
var t=document.getElementsByName("chk");
alert(t.length);
for(var i=0;i<t.length;i++)
{
t[i].checked=document.getElementById("chkAll").checked;
}
}
</script>
</html>
4、截图为：
相关文章
移动端使用localStorage缓存Js和css文的方法(web开发)
这篇文章主要介绍了web移动端使用localStorage缓存Js和css文的方法,非常不错，具有参考借鉴价值，需要的朋友可以参考下2016-09-09
这篇文章主要介绍了JavaScript File分段上传的相关资料,需要的朋友可以参考下2016-03-03
本文为大家介绍下如何将数字类型转化为没3个一个逗号的金钱格式，下面是具体的实现2014-01-01
这篇文章主要为大家详细介绍了两种简单的跨域方法，使用jsonp和php实现跨域，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-01-01
这篇文章主要介绍了javascript中的面向对象编程知识点，对面向对象编程进行概述，以及各种方法进行整理，感兴趣的小伙伴们可以参考一下2015-11-11
这篇文章主要为大家详细介绍了js实现带积分弹球小游戏，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-07-07
看到一篇博客说土豆网的图片是延迟加载的。原理是这样：页面可见区域以下的图片先不加载，等到用户向下滚动到图片位置时，再进行加载。这样做的好处是当页面有好几屏内容时，这样我们就可以只加载用户需要看的图片，减少服务器向用户浏览器发送图片文件所产生的负荷。2015-08-08
浅析document.createDocumentFragment()与js效率
对于循环批量操作页面的DOM有很大帮助！利用文档碎片处理，然后一次性append，并且使用原生的javascript语句操作2013-07-07
作用域（scope）是javascript中一项令人棘手的的特性。所有面向对象编程语言都有某种形式的作用域，不过和把这个概念放在什么上下文中有关。在javascript里，作用域是由函数划分的。2009-06-06
JavaScript装箱及拆箱boxing及unBoxing用法解析
这篇文章主要介绍了JavaScript装箱及拆箱boxing及unBoxing用法解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-06-06
最新评论