首页 新闻 论坛 群组 Blog 文档 下载 读书 Tag 网摘 搜索 .NET Java 游戏 视频 人才 外包 培训 数据库 书店 程序员
中国软件网
欢迎您:游客 | 登录 注册 帮助
    • 如何在单击TD时,将TD中的CheckBox选中? [已结贴,结贴人:lcb530]
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • lcb530
    • 等级:
    • 可用分等级：
    • 总技术专家分：
    • 总技术专家分排名：
    • 揭帖率：
    发表于：2008-06-02 16:42:46 楼主
    我的代码是这样写的:
    参数: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  修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • liuchulong
    • 等级:
    • 可用分等级：
    • 总技术专家分：
    • 总技术专家分排名：
    发表于：2008-06-02 16:46:431楼 得分:0
    使用event对象，应该可以解决这个问题
    在javascript中事件模型有一种就是冒泡方式
    你可以试试
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • laowan688
    • 等级:
    • 可用分等级：
    • 总技术专家分：
    • 总技术专家分排名：
    发表于：2008-06-02 16:51:552楼 得分:0
    当然不能实现这个功能了。
    这个函数本身就有问题，你传入对象obj，找孩子节点，实现的checkbox状态的变更。
    但是这个函数只适合单击TD，不适合单击checkbox。

    方法1：从新写这个函数。

    方法2：再新写一个函数。
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • mingxuan3000
    • 等级:
    • 可用分等级：
    • 总技术专家分：
    • 总技术专家分排名：
    发表于：2008-06-02 16:53:103楼 得分:5
    JScript code
    
<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的
    调同一个函数，再写一个
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • laowan688
    • 等级:
    • 可用分等级：
    • 总技术专家分：
    • 总技术专家分排名：
    发表于：2008-06-02 16:56:214楼 得分:5
    方法1：function trOclick(obj，flag){
    if(flag==0)
    {
      if(obj.children[0].checked==true){
            obj.children[0].checked=false;
      }else{
            obj.children[0].checked=true;
      }
    }
    if(flag==1)
    {
    if(obj.checked==true){
            obj.checked=false;
      }else{
            obj.checked=true;
      }
    }
    }

    调用这个函数的时候， 如果是单击TD，flag为0，单击checkbox flag为1。怎么调用函数不用我说了吧？
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • s_liangchao1s
    • 等级:
    • 可用分等级：
    • 总技术专家分：
    • 总技术专家分排名：

    • 3
    发表于：2008-06-02 16:57:145楼 得分:5
    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>
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • xiaoqiangcn
    • 等级:
    • 可用分等级：
    • 总技术专家分：
    • 总技术专家分排名：
    发表于：2008-06-02 16:58:316楼 得分:5
    function trOclick(obj){
        obj.children[0].checked=obj.children[0].checked ? false : true;
    }
    效果和直接点击checkbox一样了,不知道这样可能适合楼主
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • liuchulong
    • 等级:
    • 可用分等级：
    • 总技术专家分：
    • 总技术专家分排名：
    发表于：2008-06-02 17:09:397楼 得分:15
    刚帮你写了一个测试OK
    <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:04:288楼 得分:0
    不用那么麻烦
    修改 删除 举报 引用 回复
    进入用户个人空间
    加为好友
    发送私信
    在线聊天
    • Sandy945
    • 等级:
    • 可用分等级：
    • 总技术专家分：
    • 总技术专家分排名：
    发表于：2008-06-02 20:07:379楼 得分: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