如何在单击TD时,将TD中的CheckBox选中?

function trOclick(obj){ 
    obj.children[0].checked=obj.children[0].checked ? false : true; 
}
你把checkbox的onclick事件也换成td用的这个事件就行了...

解决方案 »

  1.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <script>
      function Fun(oTd){
      var oChk = oTd.previousSibling.childNodes[0].checked;
      oTd.previousSibling.childNodes[0].checked= !oChk;
    }  </script>
     </HEAD> <BODY>
      <TABLE border='1' width='50%'>
      <TR>
    <TD><INPUT TYPE="checkbox" NAME="aa" ></TD>
    <TD onclick="Fun(this)">bb</TD>  </TR>
      <TR>
    <TD><INPUT TYPE="checkbox" NAME="bb"></TD>
    <TD onclick="Fun(this)">ee</TD>
      </TR>
      </TABLE>
     </BODY>
    </HTML>
      

  2.   

        <script type="text/javascript"> function trOclick(obj){ var a=obj if(obj.type=="checkbox"){ a=obj } if(obj.children[0].type=="checkbox"){ a=obj.children[0] } if(a.checked==true){ a.checked=false; }else{ a.checked=true; } } </script>要么你的checkbox的click事件别和tr的
    调同一个函数，再写一个 
      

  3.   

    <html>    <script type="text/javascript">
          
        function setFocus()
        {      
          var obj = document.getElementById('chk');
          if(event.srcElement != obj)
          {
            if(obj.checked)
            obj.checked = false;
          else
            obj.checked = true; 
          }      
        }
        
        </script>
    </head>
    <body>
        <form>
         <table border="1" cellpadding="0" cellspacing="0" width="100%">
           <tr>
            <td width="100" onclick="setFocus()"><input type="checkbox" id="chk" />复选框</td>
           </tr>
         </table>
        </form>
    </body>
    </html>
      

  4.   


        function trOclick(obj)
        {
          if(obj==event.srcElement)
          { 
              if(obj.children[0].checked==true)
              { 
                    obj.children[0].checked=false; 
              }
              else
              { 
                    obj.children[0].checked=true; 
              } 
          }
        }