黑马程序员技术交流社区

标题: javascript全选的问题 [打印本页]
作者: 曾林魁    时间: 2013-9-15 16:19
标题: javascript全选的问题
本帖最后由 曾林魁 于 2013-9-15 18:41 编辑

为什么代码这样写点击全不选按钮达不到效果没用
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>MyHtml.html</title>

  6. <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
  7. <meta http-equiv="description" content="this is my page">
  8. <meta http-equiv="content-type" content="text/html; charset=gb312">

  10. <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
  11. <style type=text/css>
  12. td{
  13. border:1px;
  14. border-style:solid;
  15. border-color:#000000;
  16. }

  18. </style>

  20. </head>

  22. <body>
  23. <form action="1.html" id="form1">
  24. <table>
  25. <tr>
  26. <td><input type='text' value='zenglinkui'/></td>
  27. <td><input type='button' value='确认'/></td>
  28. </tr>
  29. <tr>
  30. <td>爱好：</td>
  31. <td><input type="checkbox" name="preference" value="sing" />唱歌
  32. <input type="checkbox" name="preference" value="dance" />跳舞
  33. <input type="checkbox" name="preference" value="read" />读书

  35. </td>
  36. </tr>
  37. <tr>
  38. <td colspan='2'>
  39. <input type='button' value='全选' onclick="allCheck()"/>
  40. <input type='button' value='全不选' onclick="allUnCheck()"/>
  41. </td>
  42. </tr>

  44. </table>

  46. </form>
  47. </body>
  48. <script type="text/javascript">
  49. //window.onload = function(){ //}
  50. function allCheck(){
  51. var inputElement = document.getElementsByName("preference");
  52. for(i=0;i<inputElement.length;i++){
  53. inputElement[i].setAttribute("checked","checked");
  54. }
  55. }
  56. function allUnCheck(){
  57. var inputElement1 = document.getElementsByName("preference");
  58. for(i=0;i<inputElement1.length;i++){
  59. alert(inputElement1.length);
  60. //alert("sdfjl");
  61. if (inputElement[i].checked) {
  62. inputElement1[i].checked = null;
  63. //inputElement1[i].removeAttribute('checked');
  64. }
  65. // }else{
  66. // inputElement[i].setAttribute("checked","checked");
  67. // }
  68. }
  69. }




  74. </script>
  75. </html>
复制代码
作者: 麦子609    时间: 2013-9-15 16:42
使用inputElement[i].checked = true试试
作者: Bad_Boy    时间: 2013-9-15 16:59
  1. function allCheck(){
  2. var inputElementss = document.getElementsByName("preference");
  3. for(i=0;i<inputElementss.length;i++){

  5.                 inputElementss[i].checked = true;

  7. }
  8. }
  9. function allUnCheck(){
  10. var inputElement1 = document.getElementsByName("preference");
  11.         for(i=0;i<inputElement1.length;i++){

  13.                 inputElement1[i].checked = false;

  15.   }
  16. }
复制代码




欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2