如何让table里的复选框同一行中的某元素的值改变

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

nextSibling所指的是不是当前行的下一行??
那如果我后面是有N个 <input type="text" name="name" value="">呢?
nextSibling 当前节点的下一个节点
如果有N个你可以通过id来找或者 tag来找也行
<table>
<tr>
    <td> <div> <input type="checkbox" value="a" onclick="this.parentNode.parentNode.nextSibling.childNodes[0].childNodes[0].value='这样可以么？'"> </div> </div> </td>
    <td> <div align="center"> <input type="text" name="name1" value="11"> </div> </td>
    <td> <div align="center"> <input type="text" name="name2" value="11"> </div> </td>
    <td> <div align="center"> <input type="text" name="name3" value="11"> </div> </td>
  </tr>
</table> 大哥那如果我点了checkbox之后想要让name3的值改变那要怎么写呢?
其实你可以将checkbox 的id和text 的id 设置上来解决比喻 chk_id001  txt_id001 这样就可以通过id的规律来修改了
那你就直接读取NAME 不知道楼主你的具体需求
this.parentNode.parentNode.nextSibling.childNodes[0].childNodes[0].value=this.value
这句可以直接指定元素ID吗?
Java 技术交流群！入群先看公约!本群公约:互助、互勉、共同进步！惑则问、知则答、不知则表示关注。帮助新手、细心回答。
同意上述公约者·申请加入！
QQ群号:25922618
<table>
<tr>
     <td>  <div>  <input name="checkbox" type="checkbox" value="a" onclick="this.parentNode.parentNode.nextSibling.childNodes[0].childNodes[0].value='这样可以么？'">  </div>  </div>  </td>
     <td>  <div align="center">  <input type="text" name="name1" value="11">  </div>  </td>
     <td>  <div align="center">  <input type="text" name="name2" value="11">  </div>  </td>
     <td>  <div align="center">  <input type="text" name="name3" value="11">  </div>  </td>
   </tr>
</table>  这句我想让他点checkbox的时候直接指定name3的值改变document.all.checkbox.parentNode.parentNode.name3.value=this.value (这样写吗?)
<table>
<tr>
    <td> <div> <input type="checkbox" value="a" onclick="document.forms[0].name3.value='这样可以么？'"> </div> </div> </td>
    <td> <div align="center"> <input type="text" name="name1" value="11"> </div> </td>
    <td> <div align="center"> <input type="text" name="name2" value="11"> </div> </td>
    <td> <div align="center"> <input type="text" name="name3" value="11"> </div> </td>   </td>
  </tr>
</table>
<table>
<tr>
    <td> <div> <input type="checkbox" value="a" onclick="document.forms[0].name3.value='这样可以么？'"> </div> </div> </td>
    <td> <div align="center"> <input type="text" name="name1" value="11"> </div> </td>
    <td> <div align="center"> <input type="text" name="name2" value="11"> </div> </td>
    <td> <div align="center"> <input type="text" name="name3" value="11"> </div> </td>   </td>
  </tr> <tr>
    <td> <div> <input type="checkbox" value="b" onclick="document.forms[0].name6.value='这样可以么？'"> </div> </div> </td>
    <td> <div align="center"> <input type="text" name="name4" value="11"> </div> </td>
    <td> <div align="center"> <input type="text" name="name5" value="11"> </div> </td>
    <td> <div align="center"> <input type="text" name="name6" value="11"> </div> </td>   </td>
  </tr>
</table>
这样不行的哦````name3必须是数组来的。...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>标题</title>
<script language="javascript">
function oChange()
{
    var Len = parseInt(document.getElementsByTagName("input").length);
    document.getElementsByTagName('input')[Len-1].value="change";
}</script>
</head><body>
<table>
<tr>
    <td> <div> <input type="checkbox" value="a" onclick="oChange()"> </div> </div> </td>
    <td> <div align="center"> <input type="text" name="name1" value="11"> </div> </td>
    <td> <div align="center"> <input type="text" name="name2" value="11"> </div> </td>
    <td> <div align="center"> <input type="text" name="name3" value="11"> </div> </td>
    <td> <div align="center"> <input type="text" name="name4" value="11"> </div> </td>
    <td> <div align="center"> <input type="text" name="name5" value="11"> </div> </td>
    <td> <div align="center"> <input type="text" name="name6" value="11"> </div> </td>   </td>
  </tr>
</table> </body>
</html>
大哥先谢谢你的代码......但是这种不行...因为我页面还有很多input元素............只能用事件来获取当前行的事件才行哦
<html>
<head>
<title>jiji</title>
<script type="text/javascript">function change(box){
var ins=document.getElementsByTagName("input");
var n;
for(i=0;i<ins.length;i++)
{
if (ins[i]==box){n=i;break;}
}
ins[n+1].value=ins[n].value;
}</script>
</head>
<body>
<table>
<tr>
    <td><input type="checkbox" value="a" onclick="change(this)">aaa</td>
    <td><input type="text" name="name" value=""></td>
  </td>
  </tr>   <tr>
    <td><input type="checkbox" value="b" onclick="change(this)">bbb</td>
    <td><input type="text" name="name" value=""></td>
  </td>
  </tr>
</table>
</body>
</html>
不太清楚你说的，文本框里的值改变后是从哪里取值的，我是这样理解你的意思的：点击复选框时，它本身的值就付给了对应的文本框的。不知道这是不是你的意思。
把checkbox的值赋给text就噢可。
<script language="javascript" type="text/javascript">

</script>
<body> <TABLE align="center" class="location_table">
<TBODY>
<TR>
<TD class="location_td"><font id="navigator_msg"></font>含权债计算设定>> 多期权行权日选择</TD>
</TR>
</TBODY>
</TABLE>
<form id="form0" name="form0" method="post" action="">
<input type="hidden" name="list/temp" id="list" value="">
<TABLE width="37%" class="pg_result" cellPadding="0" align="center" cellSpacing="1" bgColor="#41b99b">

<TR>
<TD class="pg_result_title">多期权行权日选择</TD>
</TR>
<TR>
<TD class="pg_result_content" colSpan="11">债券名称：<INPUT value="债权简称" type="text" name="Input" class="TEXT_READONLY"></TD>
</TR>
<TR>
<TD class="pg_result_content" colSpan="11">债券代码：<INPUT value="债券代码" type="text" name="Input" class="TEXT_READONLY"></TD>
</TR>
<TR>
<TD vAlign="top" class="pg_result_content">
<TABLE cellPadding="0" class="pg_result" cellSpacing="1" >
<TBODY>
<TR class="pg_result_head">
<TD width="3%"></TD>
<TD width="29%">期权类型</TD>
<TD width="18%">行权日</TD>
<TD width="18%">行权价</TD>
<TD width="32%">利率调整幅度</TD>
</TR>
<TR class='pg_result_content'>
<TD width="3%" align="center"><INPUT  type="radio" checked name="KEY" onclick="ConneStr(this)"  value="01"></TD>
<TD width="10%" align="center">aa</TD>
<TD width="10%" align="center">bb</TD>
<TD width="10%" align="center">cc</TD>
<TD width="10%" align="center">dd</TD>
</TR>
<TR class='pg_result_content'>
<TD width="3%" align="center"><INPUT  type="radio" name="KEY" onclick="ConneStr(this)"  value="02"></TD>
<TD width="10%" align="center">aa</TD>
<TD width="10%" align="center">bb</TD>
<TD width="10%" align="center">cc</TD>
<TD width="10%" align="center">dd</TD>
</TR>

</TBODY>
</TABLE>
</TD>
</TR>
<TR>
<TD align="middle" class="pg_result_content"><INPUT value="确定" type="button" class="BtnStyle2" onclick="reback()" name="Submit22"></TD>
</TR>
</TBODY>
</TABLE>
</form>
</body>