checkbox的问题

<div onclick="a(this)"><input type=checkbox>文字</div><script>
function a(obj){
  obj.firstChild.checked = !obj.firstChild.checked;
}
</script>我点文字时想ck被选中，所以写了个 函数a ，可是我点ck时就会也触发这个a，高手帮帮忙，在线等~~~

解决方案 »

  1.   

    function a(obj){
      obj.childNodes[0].checked = !obj.childNodes[0].checked;
    }
      

  2.   

    <div><input type=checkbox><span onclick="a(this)">文字<span></div>
    click事件不要放在DIV上，文字用SPAN包起来，click事件放在SPAN上就行
      

  3.   

    你没明白我的意思 
    现在点击文字这个ck可以改变 ，但点ck同时也会触发a这个函数，就会冲突
      

  4.   

    你没明白我的意思 
    现在点击文字这个ck可以改变 ，但点ck同时也会触发a这个函数，就会冲突
      

  5.   

    那你就把checkbox和文字独立开就行
      

  6.   

    3# 的我也想到但 文字外的span不能撑满div 除去ck剩下的宽度
      

  7.   

    <script type="text/javascript">
    function checkOn(obj){
    var oCheckbox = obj.firstChild;
    if(!oCheckbox.checked){
    oCheckbox.checked=true;
    }else{
    oCheckbox.checked=false;
    }
    }
    </script>
    <div id = "checkDiv" onclick="checkOn(this);"><input type = "checkbox" name = "checkbox1" >文字</div>
      

  8.   

    那就这样吧：
    function a(obj){
    if(obj.firstChild){
    obj.firstChild.checked = !obj.firstChild.checked;
    }else {obj.checked = !obj.checked;}
    }
      

  9.   

    刚忘记说了顺便在 check上也调用函数 完整代码如下：
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head>
    <body>
    <div onclick="a(this)"><input type="checkbox" onclick="a(this)">文字</div><script>
    function a(obj){
    if(obj.firstChild){
    obj.firstChild.checked = !obj.firstChild.checked;
    }else {obj.checked = !obj.checked;}
    }
    </script>
    </body>
    </html>