HTML 复选框全选

  1. <html>  
  2. <head>  
  3. <script>  
  4. function selectAll(){  
  5.  var checklist = document.getElementsByName ("selected");  
  6.    if(document.getElementById("controlAll").checked)  
  7.    {  
  8.    for(var i=0;i<checklist.length;i++)  
  9.    {  
  10.       checklist[i].checked = 1;  
  11.    }   
  12.  }else{  
  13.   for(var j=0;j<checklist.length;j++)  
  14.   {  
  15.      checklist[j].checked = 0;  
  16.   }  
  17.  }  
  18. }  
  19. </script>  
  20. </head>  
  21. <body>  
  22. <form>  
  23. <input onclick="selectAll()" type="checkbox"   name="controlAll" style="controlAll" id="controlAll"/>全选<br>  
  24. 1:<input type="checkbox" name="selected" value="1"/><br>  
  25. 2:<input type="checkbox" name="selected" value="2"/><br>  
  26. 3:<input type="checkbox" name="selected" value="3"/><br>  
  27. 4:<input type="checkbox" name="selected" value="4"/><br>  
  28. 5:<input type="checkbox" name="selected" value="5"/><br>  
  29. 6:<input type="checkbox" name="selected" value="6"/><br>  
  30. </form>  
  31. <p>  
  32. js按键事件说明<br>  
  33. onClick事件<br>  
  34. 鼠标单击事件是最常见的事件之一，当用户单击鼠标按钮时。同时onClick指定的事件处理程序或代码将被调用执行。<br>  
  35. 文件说明<br>  
  36. 第11行使用 onClick事件弹出警告提示对话框。<br>  
  37. onChange事件<br>  
  38. onChange事件就是当文本框的内容改变时发生的事件。<br>  
  39. 文件说明<br>  
  40. 第11行使用onChange事件，当文本框内容发生改变的时候弹出警告提示对话框。<br>  
  41. onSelect事件<br>  
  42. onSelect事件就是当文本框的内容被选中时发生的事件。<br>  
  43. 文件说明<br>  
  44. 第11行使用onSelect事件，当文本框中内容被选中的时候，警告提示对话框显示的结果。<br>  
  45. onFocus事件<br>  
  46. onFocus事件就是当光标落在文本框中时发生的事件。<br>  
  47. 文件说明<br>  
  48. 第12行使用Onfocus事件，当用鼠标选中第二个文本框的时候，自动触发Onfocus事件，弹出一个对话框。<br>  
  49. onLload事件<br>  
  50. onload事件是当前的网页被显示时发生的事件。<br>  
  51. 文件说明<br>  
  52. 第9行使用OnLoad事件，当打开网页的时候自动打开一个警示框。<br>  
  53. onUnload事件<br>  
  54. onUnload事件是当当前的网页被关闭时发生的事件。<br>  
  55. 文件说明 <br>  
  56.   
  57. 第9行使用onUnload事件，当关闭网页的时候自动打开一个警示框。<br>  
  58. onBlur事件<br>  
  59. onBlur事件就是当光标离开文本框中时发生的事件。<br>  
  60. 15  <br> 
  61. 文件说明<br>  
  62. 第12行使用onBlur事件，当用鼠标离开第二个文本框的时候，自动触发onBlur事件，弹出一个对话框。<br>  
  63. onMouseover事件<br>  
  64. onMouseover事件是指当鼠标移动到页面元素上方时发生的事件。、、<br>  
  65. 文件说明<br>  
  66. 第10行使用onMouseover事件，当鼠标指向滚动文字的时候，自动触发onMouseover事件。<br>  
  67. onMouseout事件<br>  
  68. onmouseout事件是指当鼠标离开页面元素上方时发生的事件。文件说明<br>  
  69. 第10行使用onmouseout事件，当鼠标离开滚动文字的时候，自动触发 onmouseout事件。<br>  
  70. onDbclick事件<br>  
  71. 当鼠标双击鼠标按钮时，产生ondbclick事件。同时ondbclick指定的事件处理程序或代码将被调用执行。<br>  
  72. 文件说明<br>  
  73. 第11行使用ondbclick事件弹出警告提示对话框。<br>  
  74. </p>  
  75. </body>  
  76. </html>  
posted @ 2017-06-05 09:13  Mr张Kk  阅读(4149)  评论(0)  编辑  收藏  举报