当前位置: 代码迷 >> JavaScript >> 表格有关问题?
  详细解决方案

表格有关问题?

热度:169   发布时间:2012-02-13 17:20:26.0
表格问题?急,在线等
数组如下:

php语言实现 
$cases = array(
  array("<input type=radio name=choose display:'none'>","102","female","shenyang","heart","heart illness ","CT","sick","end"),
  array("<input type=radio name=choose>", "145","female","anshan","brain","brain illness","CT","well","end"),
  array("<input type=radio name=choose>","234","male","fushun","leg","leg illness","CT","sick","end"),
  array("<input type=radio name=choose>","432","female","tieling","arm","arm illness","CT","sick","end"),
  array("<input type=radio name=choose>","678","male","faku","foot","foot illness","CT","well","end"),
  array("<input type=radio name=choose>","112","female","dalian","arm","arm illness","CT","sick","end"),
  array("<input type=radio name=choose>","256","female","shenyang","leg","leg illness","CT","well","end"),
  array("<input type=radio name=choose>","985","male","huludao","brain","brain illness","CT","sick","end"),
  array("<input type=radio name=choose>","568","male","liaoyang","heart","heart illness","CT","well","end"),
  array("<input type=radio name=choose>","409","female","tieling","heart","heart illness","CT","well","end")
  );

我的表格单击某行实现颜色的改变,我已经实现。里面有个td项为radio,现在想把radio项隐藏,通过单击某行实现该行对应的radio项被选中,并通过一个button实现该行信息的显示,想问下如何实现?谢谢:)

------解决方案--------------------
HTML code

<style>
.hide{display:none;}
</style>

<script>
dodo.selected=null;
function dodo(tr){
    var rs=tr.getElementsByTagName("input");
    if(rs.length==0)return;
    rs[0].checked=true;
    rs[0].className='';
    if(rs[0]!=dodo.selected&&dodo.selected!=null)dodo.selected.className="hide";
    dodo.selected=rs[0];
}
function show(){
    var rows=document.getElementById("tab").rows;
    for(var i=0;i<rows.length;i++){
        var rs=rows[i].getElementsByTagName("input");
        if(rs.length==0)continue;
        if(rs[0].checked){
            alert(rows[i].innerHTML);//不知道你要显示这一行的什么信息
            break;
        }
    }
}
</script>

<table id="tab">
<tr onclick="dodo(this)"><td><input type=radio name=choose class="hide" ></td><td>1111</td><tr>
<tr onclick="dodo(this)"><td><input type=radio name=choose class="hide" ></td><td>2222</td><tr>
<tr onclick="dodo(this)"><td><input type=radio name=choose class="hide" ></td><td>3333</td><tr>
</table>
<input type="button" value="显示选中行信息" onclick="show()" />

------解决方案--------------------
HTML code
<html > 

<head > 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" > 
<title > </title > 
<style type="text/css">
.hidden
{
    display:none;
}
</style>
</head > 


<body onload="init()"> 
<div>
 <table id="tbl" border="1">
    <tr>
        <td class="hidden"><input type="radio" name="choose" /> </td>
        <td>11</td>
        <td>12</td>
        <td>13</td>
        <td>14</td>
    </tr>
     <tr>
        <td class="hidden"><input type="radio" name="choose" /></td>
        <td>21</td>
        <td>22</td>
        <td>23</td>
        <td>24</td>
    </tr>
 </table>
</div>
<input type="button" value="得到选择行信息" onclick="getCheckLine()" />
</body > 
</html > 
  相关解决方案