JavaScript第一篇之实现按钮全选、功能


Posted in Javascript onAugust 21, 2016

   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、截图为:

JavaScript第一篇之实现按钮全选、功能

Javascript 相关文章推荐
用ASP将SQL搜索出来的内容导出为TXT的代码
Jul 27 Javascript
javascript操作cookie的文章(设置,删除cookies)
Apr 01 Javascript
基于JQuery的访问WebService的代码(可访问Java[Xfire])
Nov 19 Javascript
javaScript复制功能调用实现方案
Dec 13 Javascript
JavaScript中的apply和call函数详解
Jul 20 Javascript
jquery小火箭返回顶部代码分享
Aug 19 Javascript
JavaScript实现的商品抢购倒计时功能示例
Apr 17 Javascript
vue微信分享 vue实现当前页面分享其他页面
Dec 02 Javascript
使用Angular-CLI构建NPM包的方法
Sep 07 Javascript
JavaScript使用小插件实现倒计时的方法讲解
Mar 11 Javascript
点击按钮弹出模态框的一系列操作代码实例
Mar 29 Javascript
开发Node CLI构建微信小程序脚手架的示例
Mar 27 Javascript
JS实现图片局部放大或缩小的方法
Aug 20 #Javascript
JS获取及验证开始结束日期的方法
Aug 20 #Javascript
jquery弹出框插件jquery.ui.dialog用法分析
Aug 20 #Javascript
jQuery实现表格隔行及滑动,点击时变色的方法【测试可用】
Aug 20 #Javascript
JS关闭窗口时产生的事件及用法示例
Aug 20 #Javascript
JS实现漂亮的时间选择框效果
Aug 20 #Javascript
JS简单设置下拉选择框默认值的方法
Aug 20 #Javascript
You might like
如何开发一个虚拟域名系统
2006/10/09 PHP
mysql From_unixtime及UNIX_TIMESTAMP及DATE_FORMAT日期函数
2010/03/21 PHP
Smarty的配置与高级缓存技术分享
2012/06/05 PHP
Javascript的IE和Firefox兼容性汇编
2006/07/01 Javascript
javascript 跳转代码集合
2009/12/03 Javascript
JS网页在线获取鼠标坐标值的方法
2015/02/28 Javascript
javascript组合使用构造函数模式和原型模式实例
2015/06/04 Javascript
javascript断点调试心得分享
2016/04/23 Javascript
AngularJS ng-template寄宿方式用法分析
2016/11/07 Javascript
详解vue-Resource(与后端数据交互)
2017/01/16 Javascript
用nodeJS搭建本地文件服务器的几种方法小结
2017/03/16 NodeJs
webpack开发跨域问题解决办法
2017/08/03 Javascript
create-react-app使用antd按需加载的样式无效问题的解决
2019/02/26 Javascript
使用apifm-wxapi模块中的问题及解决方法
2019/08/05 Javascript
通过js示例讲解时间复杂度与空间复杂度
2019/08/06 Javascript
Vue实现商品飞入购物车效果(电商项目)
2019/11/26 Javascript
基于JS实现快速读取TXT文件
2020/08/25 Javascript
JS创建自定义对象的六种方法总结
2020/12/15 Javascript
python类继承与子类实例初始化用法分析
2015/04/17 Python
详解Django中的过滤器
2015/07/16 Python
python中的Elasticsearch操作汇总
2019/10/30 Python
解决tensorflow打印tensor有省略号的问题
2020/02/04 Python
Python如何基于Tesseract实现识别文字功能
2020/06/05 Python
Python 为什么推荐蛇形命名法原因浅析
2020/06/18 Python
Python依赖包迁移到断网环境操作
2020/07/13 Python
Python基于pyjnius库实现访问java类
2020/07/31 Python
解决Pycharm双击图标启动不了的问题(JetBrains全家桶通用)
2020/08/07 Python
Python unittest discover批量执行代码实例
2020/09/08 Python
python如何编写类似nmap的扫描工具
2020/11/06 Python
Python根据URL地址下载文件并保存至对应目录的实现
2020/11/15 Python
用React加CSS3实现微信拆红包动画效果
2017/03/13 HTML / CSS
高级3D打印市场:Gambody
2019/12/26 全球购物
住宅质量保证书
2014/04/29 职场文书
党员承诺践诺书
2014/05/20 职场文书
学习党的群众路线实践活动思想汇报
2014/09/12 职场文书
2015年统计员个人工作总结
2015/07/23 职场文书