首页 新闻 论坛 群组 Blog 文档 下载 读书 Tag 网摘 搜索 .NET Java 游戏 视频 人才 外包 培训 数据库 书店 程序员
中国软件网
欢迎您:游客 | 登录 注册 帮助
    • 如何在单击TD时,将TD中的CheckBox选中? [已结贴,结贴人:lcb530]
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • lcb530
    • 等级:
    • 可用分等级：
    • 总技术专家分：
    • 总技术专家分排名：
    • 揭帖率：
    发表于：2008-06-02 16:42:28 楼主
    我的代码是这样写的:
    参数:obj指当前被单击的TD
    function trOclick(obj){
      if(obj.children[0].checked==true){
            obj.children[0].checked=false;
      }else{
            obj.children[0].checked=true;
      }
    }

    这样做可以实现单击TD选中checkbox,但是有一个问题出现:假如当前的复选框为选中状态,我去单击checkbox,却无法取消选中状态.只有在单击TD的时候才能取消选中状态.

    高手帮忙解决一下!
    50  修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • s_liangchao1s
    • 等级:
    • 可用分等级：
    • 总技术专家分：
    • 总技术专家分排名：

    • 3
    发表于：2008-06-02 16:44:171楼 得分:2
    把你的html全贴上来
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • sunjx2543
    • 等级:
    • 可用分等级：
    • 总技术专家分：
    • 总技术专家分排名：
    发表于：2008-06-02 16:50:522楼 得分:6
    function trOclick(obj){
        obj.children[0].checked=obj.children[0].checked ? false : true;
    }
    你把checkbox的onclick事件也换成td用的这个事件就行了...
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • s_liangchao1s
    • 等级:
    • 可用分等级：
    • 总技术专家分：
    • 总技术专家分排名：

    • 3
    发表于：2008-06-02 16:56:323楼 得分:6
    HTML code
    
<!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>
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • mingxuan3000
    • 等级:
    • 可用分等级：
    • 总技术专家分：
    • 总技术专家分排名：
    发表于：2008-06-02 16:58:564楼 得分:6
        <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的
    调同一个函数，再写一个
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • liuchulong
    • 等级:
    • 可用分等级：
    • 总技术专家分：
    • 总技术专家分排名：
    发表于：2008-06-02 17:08:275楼 得分:15
    <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>
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • Sandy945
    • 等级:
    • 可用分等级：
    • 总技术专家分：
    • 总技术专家分排名：
    发表于：2008-06-02 20:08:206楼 得分:15
    JScript code
    
    function trOclick(obj)
    {
      if(obj==event.srcElement)
      { 
          if(obj.children[0].checked==true)
          { 
                obj.children[0].checked=false; 
          }
          else
          { 
                obj.children[0].checked=true; 
          } 
      }
    }
    修改 删除 举报 引用 回复
    网站简介－广告服务－网站地图－帮助－联系方式－诚聘英才－English－ 问题报告
    北京创新乐知广告有限公司 版权所有 京 ICP 证 070598 号
    世纪乐知(北京)网络技术有限公司 提供技术支持
    Copyright © 2000-2008, CSDN.NET, All Rights Reserved