<!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>
<table width="150" border="0" cellspacing="0" cellpadding="0" id="table1">
  <tr>
    <td height="25" background="bg1.gif"> <input name="txt1" type="text" id="txt1" size="10">中国人 </td>
  </tr>
  <tr>
    <td height="25"   background="bg1.gif"> <input name="txt2" type="text" id="txt2" size="10">美国人 </td>
  </tr>
  <tr>
    <td height="25"   background="bg1.gif"> <input name="txt3" type="text" id="txt3" size="10">法国人 </td>
  </tr>
</table>
<input name="sID" type="text" id="SID" size="10">
</body>
</html>
<script language="javascript">
//给表格行绑定事件的方法
function initTable(otable)
{
for(var i=0,l=otable.rows.length;i<l;i++)//遍历参数中的table的每一行
otable.rows[i].onclick = rowClick;//给点击事件添加方法
}function rowClick()//点击事件处理方法
{
this.style.backgroundColor=this.style.backgroundColor==""?"#DDDDDD":"";//改变背景色
var inputs = this.getElementsByTagName("input");
if(inputs.length>0)
document.getElementById("sID").value = inputs[0].value;//获取输入框值
}window.onload = function()//页面加载完毕时触发的方法
{
initTable(document.getElementById("table1"));//执行给表格行绑定事件的方法 参数是table1
}
</script>

解决方案 »

  1.   

    code=HTML]<html>
    <head>
    <script>
    function getValue(evt)
    {
      var ev=evt?evt:window.event;
      var src=ev.srcElement?ev.srcElement:ev.target;
      if(src.tagName=="INPUT")
      {
         document.getElementById("SID").value=src.value;
         src.parentNode.style.backgroundImage="url(bg2.jpg)";
      }
      else if(src.tagName=="TD")
      {
         document.getElementById("SID").value=src.getElementsByTagName("input")[0].value;
         src.style.backgroundImage="url(bg2.jpg)";
      }
    }
    </script>
    </head>
    <body>
    <table   width="150"   border="0"   cellspacing="0"   cellpadding="0" onmousedown="getValue(event)"> 
        <tr > 
            <td   height="25"   background="bg1.gif" > <input   name="txt1"   type="text"   id="txt1"   size="10" value="中国人">中国人 </td > 
        </tr > 
        <tr > 
            <td   height="25"     background="bg1.gif" > <input   name="txt2"   type="text"   id="txt2"   size="10"  value="美国人">美国人 </td > 
        </tr > 
        <tr > 
            <td   height="25"     background="bg1.gif" > <input   name="txt3"   type="text"   id="txt3"   size="10"  value="法国人">法国人 </td > 
        </tr > 
    </table > 
    选择的值:<input   name="sID"   type="text"   id="SID"   size="10" >
    </body>
    </html>[/code]
      

  2.   

    <html>
    <head>
    <title>test</title>
    <script language="javascript"></script>
    </head>
    <form name="myform">
    <body>
    <table  width= "150" border= "0" cellspacing= "0" cellpadding= "0"> 
        <tr> 
            <td   height= "25"   background= "bg1.gif" onclick="alert(this.childNodes[0].value);this.style.background='red'"> <input  name= "txt1"   type= "text" id= "txt1"   size= "10" value="haha">拞崙恖</td > 
        </tr> 
        <tr> 
            <td   height= "25"     background= "bg1.gif"> <input   name= "txt2"   type= "text"   id= "txt2"   size= "10" value="xixi" onclick="alert(this.childNodes[0].value);this.style.background='red'">旤崙恖</td > 
        </tr> 
        <tr> 
            <td   height= "25"     background= "bg1.gif"> <input   name= "txt3"  type= "text"   id= "txt3"   size= "10" value="hehe" onclick="alert(this.childNodes[0].value);this.style.background='red'">朄崙恖</td > 
        </tr> 
    </table> 
    <input   name= "sID"   type= "text"   id= "SID"  size= "10" >
    </body>
    </form>
    </html>
      

  3.   

    <html> 
    <head> 
    <script> 
    function   getValue(evt) 

        var   ev=evt?evt:window.event; 
        var   src=ev.srcElement?ev.srcElement:ev.target; 
        if(src.tagName=="INPUT") 
        { 
              document.getElementById("SID").value=src.value; 
              src.parentNode.style.backgroundImage="url(bg2.jpg)"; 
        } 
        else   if(src.tagName=="TD") 
        { 
              document.getElementById("SID").value=src.getElementsByTagName("input")[0].value; 
              src.style.backgroundImage="url(bg2.jpg)"; 
        } 

    </script> 
    </head> 
    <body> 
    <table width="150" border="0" cellspacing="0" cellpadding="0"   onmousedown="getValue(event)">   
      <tr>   
        <td height="25" background="bg1.gif">   <input name="txt1" type="text" id="txt1" size="10"   value="中国人"> 
    中国人   </td>   
      </tr>   
      <tr>   
        <td height="25" background="bg1.gif">   <input name="txt2" type="text" id="txt2" size="10" value="美国人"> 美国人   </td>   
      </tr>   
      <tr>   
        <td height="25" background="bg1.gif">   <input name="txt3" type="text" id="txt3" size="10" value="法国人"> 法国人   </td>   
      </tr>   
    </table>   
    选择的值: <input name="sID" type="text" id="SID" size="10"> 
    </body> 
    </html>
      

  4.   

     回:iloveC
    点击没有发应啊
      

  5.   


    <html>
    <head>
    <title>test</title>
    <script language="javascript"></script>
    </head>
    <form name="myform">
    <body>
    <table  width= "150" border= "0" cellspacing= "0" cellpadding= "0"> 
        <tr> 
            <td   height= "25"   background= "bg1.gif" onclick="alert(this.childNodes[0].value);this.style.background='red'" onblur="this.style.background='bg1.gif'"> <input  name= "txt1"   type= "text" id= "txt1"   size= "10" value="haha">拞崙恖</td > 
        </tr> 
        <tr> 
            <td   height= "25"   background= "bg1.gif" onclick="alert(this.childNodes[0].value);this.style.background='red'" onblur="this.style.background='bg1.gif'"> <input  name= "txt1"   type= "text" id= "txt2"   size= "10" value="haha">旤崙恖</td >
        </tr> 
        <tr> 
             <td   height= "25"   background= "bg1.gif" onclick="alert(this.childNodes[0].value);this.style.background='red'" onblur="this.style.background='bg1.gif'"> <input  name= "txt1"   type= "text" id= "txt3"   size= "10" value="haha">崙恖</td >
        </tr> 
    </table> 
    <input   name= "sID"   type= "text"   id= "SID"  size= "10" >
    </body>
    </form>
    </html>
      

  6.   

    谢谢各位大哥"
    我想要的效果是:
    如:
    点击第二行时,背景图片为BG2.GIF
    当点击第5行时,背景图片为BG2.GIF,第二行的背景图片又恢复到BG1.GIF.
    也就是说始终只有一行的背景图片为BG2.GIF
      

  7.   

    <html> 
    <head> 
    <script> 
    function   getValue(evt) 

        var   ev=evt?evt:window.event; 
        var   src=ev.srcElement?ev.srcElement:ev.target; 
        if(src.tagName=="INPUT") 
        { 
            document.getElementById("SID").value=src.value; 
        DefaultBG();
            src.parentNode.style.backgroundImage="url(bg2.gif)"; 
        } 
        else   if(src.tagName=="TD") 
        { 
            document.getElementById("SID").value=src.getElementsByTagName("input")[0].value; 
        DefaultBG();
            src.style.backgroundImage="url(bg2.gif)"; 
        } 

    function DefaultBG()
    {
      var tb=document.getElementById("MyTb");
      for(var i=0;i<tb.rows.length;i++)
      {
         tb.rows[i].cells[0].style.backgroundImage="url(bg1.gif)";
      }
    }
    </script> 
    </head> 
    <body> 
    <table width="150" border="0" id="MyTb" cellspacing="0" cellpadding="0"   onmousedown="getValue(event)">   
      <tr>   
        <td height="25" background="bg1.gif">   <input name="txt1" type="text" id="txt1" size="10"   value="中国人"> 
    中国人   </td>   
      </tr>   
      <tr>   
        <td height="25" background="bg1.gif">   <input name="txt2" type="text" id="txt2" size="10" value="美国人"> 美国人   </td>   
      </tr>   
      <tr>   
        <td height="25" background="bg1.gif">   <input name="txt3" type="text" id="txt3" size="10" value="法国人"> 法国人   </td>   
      </tr>   
    </table>   
    选择的值: <input name="sID" type="text" id="SID" size="10"> 
    </body> 
    </html>
      

  8.   

    谢谢楼上的大哥,如果要在上面的代码中,再加上加击一行,弹出一个新窗口,应该加在哪儿,
    形式如:news.aspx?newsview_id="就是文本框中的值"
      

  9.   

    拿分了!经测试
    <!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" />
    <style type="text/css">
    </style>
    <title>无标题文档</title>
    <script language="JavaScript" type="text/javascript">
     var buer = true;
     
    function getdata(i){
        var a = eval("document.getElementById(" + i + ")");
        var b = document.getElementById("SID");
    var text_value = a.firstChild.value;
    alert(text_value);               //空值不做判断,如要对空值做判断,请注释这行代码,启用代码2    //if (text_value!="")            //代码2
    //{
        //     alert(text_value);
    //}      
    if (buer)
    {
            a.background = "bg2.gif";
            buer = false;
    }
    else{
        a.background = "bg1.gif";
            buer = true;
    }
    }
    </script>
    </head>
    <body>
    <table   width= "150 "   border= "0 "   cellspacing= "0 "   cellpadding= "0 " > 
        <tr > 
            <span onclick="getdata(1)"><td id="1"  height= "25 "   background= "bg1.gif " > <input   name= "txt1 "   type= "text "   id= "txt1 "   size= "10 " >中国人 </td ></span> 
        </tr > 
        <tr > 
            <span onclick="getdata(2)"><td  id="2" height= "25 "     background= "bg1.gif " > <input   name= "txt2 "   type= "text "   id= "txt2 "   size= "10 " >美国人 </td ></span> 
        </tr > 
        <tr > 
             <span onclick="getdata(3)"><td id="3"  height= "25 "     background= "bg1.gif " > <input   name= "txt3 "   type= "text "   id= "txt3 "   size= "10 " >法国人 </td ></span> 
        </tr > 
    </table > 
     <span onclick="alert(document.getElementById('SID').value);"><input  name= "sID "   type= "text "   id= "SID"   size= "10 " ></span>
    </body>
    </html>
      

  10.   

    楼上的bg2.gif就是交换的图片,不给分你没天良哦,我上班时间写的,谢谢
      

  11.   

    function   getValue(evt) 

        var   ev=evt?evt:window.event; 
        var   src=ev.srcElement?ev.srcElement:ev.target; 
        if(src.tagName=="INPUT") 
        { 
            document.getElementById("SID").value=src.value; 
            window.open("news.aspx?newsview_id="+src.value);//===============这里
            DefaultBG();
            src.parentNode.style.backgroundImage="url(bg2.gif)"; 
        } 
        else   if(src.tagName=="TD") 
        { 
            document.getElementById("SID").value=src.getElementsByTagName("input")[0].value; 
            //============这里
            window.open("news.aspx?newsview_id="+src.getElementsByTagName("input")[0].value);
            DefaultBG();
            src.style.backgroundImage="url(bg2.gif)"; 
        }