关于DOM对html标签属性操作的问题

源代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>title</title>
    <script type="text/javascript">
        //
        function main(){
            document.getElementById("one").onclick=func1();
        }
        //先实现全选

        function  func1() {
            var domObj = document.getElementById("one").checked;
            var domObjArray = document.getElementsByName("haha");
            for (var i =0;i<domObjArray.length;i++){
                domObjArray[i].checked=domObj;

            }        }
    </script>
</head>

<body onload="main()">
<table border="2" align="center">
  <tr>
      <td>
          <input type="checkbox" id="one">全选
      </td>
      <td>
          职员姓名
      </td>
      <td>
          职员职位
      </td>
      <td>
          职员薪资
      </td>
  </tr>
    <tr>
        <td>
            <input type="checkbox" name="haha">
        </td>
        <td>
            mike
        </td>
        <td>
            初级工程师
        </td>
        <td>
            10000
        </td>
    </tr>
    <tr>
        <td>
            <input type="checkbox" name="haha">
        </td>
        <td>
            jack
        </td>
        <td>
            中级工程师
        </td>
        <td>
            15000
        </td>
    </tr>
    <tr>
        <td>
            <input type="checkbox" name="haha">
        </td>
        <td>
            张三
        </td>
        <td>
            高级工程师
        </td>
        <td>
            100000
        </td>
    </tr>
</table>
</body>
</html>

但是就是实现不出来点击全选下面的checkbox都被选中的状态,不知道是哪里错了,救救孩子吧

 

给你那个全选按钮绑定个点击事件