全选案例思维理解

< table >

     < thead >

       < tr >

         < th >

           < input  type= "checkbox"  id= "theadInp"  />

         </ th >

         < th >菜名 </ th >

         < th >饭店 </ th >

       </ tr >

     </ thead >

     < tbody  id= "tbody" >

       < tr >

         < td >

           < input  type= "checkbox" >

         </ td >

         < td >红烧肉 </ td >

         < td >田老师 </ td >

       </ tr >

       < tr >

         < td >

           < input  type= "checkbox" >

         </ td >

         < td >红烧肉 </ td >

         < td >田老师 </ td >

       </ tr >

       < tr >

         < td >

           < input  type= "checkbox" >

         </ td >

         < td >红烧肉 </ td >

         < td >田老师 </ td >

       </ tr >

       < tr >

         < td >

           < input  type= "checkbox" >

         </ td >

         < td >红烧肉 </ td >

         < td >田老师 </ td >

       </ tr >

     </ tbody >

   </ table >

  var  Thead =  document. getElementById( "theadInp");

     var  Tbody =  document. getElementById( "tbody");

     var  inps =  Tbody. getElementsByTagName( "input");

     Thead. onclick =  function () {

       for ( var  i =  0;  i <  inps. length;  i++) {

         inps[ i]. checked =  this. checked;

      }

    }

     for ( var  k =  0;  k <  inps. length;  k++) {

       inps[ k]. onclick =  function () {

         var  flag =  true;

         for ( var  j =  0;  j <  inps. length;  j++) {

           if (! inps[ j]. checked) {

             flag =  false;

          }

        }

         Thead. checked =  flag;

      }

    }

<input type="checked" name="hha" value="s">

都是可以弄name和value来传东西的的

  <input type="radio" name="sex" value="male" /> Male<br />
  <input type="radio" name="sex" value="female" /> Female<br />
  <input type="submit" value="Submit" />

radio定义单选框

先取得事件源

后面理解

判断下面按钮中，点下去，考虑其他按钮有没有全选，如果有，则第一个亮，如果没有，那么就不亮

所以用了两个循环来判断