JavaScript第一篇之实现按钮全选、功能
2016-08-21 08:57
691 查看
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实现复选框实现单选按钮功能
- 用javascript实现treeview上的checkbox全选功能
- javascript 全选与全取消功能的实现
- JavaScript入门笔记:全选功能的实现
- JavaScript中实现一键全选功能
- 用onclicklistener实现多选按钮的全选功能
- javascript实现复选框的全选功能
- javascript实现全选全取消功能
- 利用JavaScript实现GridView中表头CheckBox的全选功能
- 利用JavaScript实现GridView中表头CheckBox的全选功能
- 菜鸟蔡之Ajax复习第一篇(后台asp.net)(传统的JavaScript方法实现Ajax功能)
- 【转载】利用JavaScript实现GridView中表头CheckBox的全选功能
- 利用JavaScript实现GridView上方的 全选中,全驳回 控制 GridView中 CheckBox的功能
- javaScript实现全选功能
- 用 JavaScript 实现"back"按钮的功能
- JavaScript中复选框的全选和反选功能的实现
- Javascript实现复选框(全选反选功能)
- jquery实现checkbox全选功能,第二次点击【全选】按钮,页面无法勾选
- 用javascript实现select全选和取消选择的功能.