javascript 单击一个复选框实现所的有复选框全部选中功能的一些问题

刚学javascript 练习了一个单击一个复选框实现所的有复选框全部选中的功能，但是始终没办法实现谁帮我找一下问题  该部分代码在下面
 <script type="text/javascript">

function select(){
var sel = document.getElementsByName("sel")[0];
var che = document.getElementsByName("check");

if(sel.checked){
for(var i = 0; i<che.length; i++){
che[i].checked = true;
}
}
else{
for(var i = 0; i<che.length; i++){
che[i].checked = false;
}
}
}

</script>  </head>
   
  <body>
    This is my HTML page. <br>
    <input type="checkbox" name="sel" onclick="select()"/>全选<br/>
    <input type = "checkbox" name="check" />test<br>
    <input type = "checkbox" name="check" />test<br>
    <input type = "checkbox" name="check" />test<br>
  </body>同时我也想问一下 有没有好的javascript 编程的工具和调试的工具
谢谢了啊

解决方案 »

  1.   

    问题应该出在.checked这个用法上期待楼下回复
    javascript调试就用chrome自带的控制台 挺好
      

  2.   

    换个函数名 <script type="text/javascript">
        
        function testselect(){
            var sel = document.getElementsByName("sel")[0];
            var che = document.getElementsByName("check");
            
            if(sel.checked){
                for(var i = 0; i<che.length; i++){
                    che[i].checked = true;
                }
            }
            else{
                for(var i = 0; i<che.length; i++){
                    che[i].checked = false;
                }
            }
        }
        
        </script>
      <body>
        This is my HTML page. <br>
        <input type="checkbox" name="sel" onclick="testselect()"/>全选<br/>
        <input type = "checkbox" name="check" />test<br>
        <input type = "checkbox" name="check" />test<br>
        <input type = "checkbox" name="check" />test<br>
      </body>
      

  3.   


    <script type="text/javascript">
        function select1(){
            var sel = document.getElementsByName("sel")[0];
            var che = document.getElementsByName("check");
           
            if(sel.checked){
                for(var i = 0; i<che.length; i++){
                    che[i].checked = true;
                }
            }
            else{
                for(var i = 0; i<che.length; i++){
                    che[i].checked = false;
                }
            }
        }
        </script>   
      <body>
        This is my HTML page. <br>
        <input type="checkbox" name="sel" onclick="select1()"/>全选<br/>
        <input type = "checkbox" name="check" />test<br>
        <input type = "checkbox" name="check" />test<br>
        <input type = "checkbox" name="check" />test<br>
      </body>把函数名改了一下，我也疑惑，莫非select是保留字？查了一下，不是保留字啊。
    但是单独测试 function select(){
    alert(123)
    }
    select()  //是可以运行的，，，，疑惑
      

  4.   

    document.getElementById("all").onclick=function()
    {
    var trs = document.getElementsByTagName("tr");
    if(this.checked)
    {
    for(var i=1;i<trs.length;i++)
    {
    trs[i].getElementsByTagName("input")[0].checked= "checked"; }
    }
    else
    {
    for(var i=1;i<trs.length;i++)
    {
    trs[i].getElementsByTagName("input")[0].checked = "";
    }
    }}
    楼主先试试。