请问高手个js 删除修改表格内容的问题<table width="200px;" border="1">
<tr>
<td><input type="radio" id="radio1" /></td>
<td>名字</td>
<td>年纪</td>
</tr>
<tr>
<td><input type="radio" id="radio2" /></td>
<td>名字</td>
<td>年纪</td>
</tr>
<tr>
<td><input type="radio" id="radio3" /></td>
<td>名字</td>
<td>年纪</td>
</tr>
<tr>
<td><input type="radio" id="radio4" /></td>
<td>名字</td>
<td>年纪</td>
</tr>
</table>
<button onclick="bian()">修改</button>
<table>
<tr>
<td>名字<input type="text" id="t1" /></td>
<td>年纪<input type="text" id="t2" /></td>
</tr>
</table>上面是body里面的内容我想用js 写个方法bian() 来做修改和删除表格内容想实现这样的效果
就是 单选框选择哪个 下面的文本是上面内容 就把选择的表格按下面文本框的内容变了要怎么做? 删除也是 我想实现 单选一个radio 然后点删除 就把整行都删除了 要怎么做呢?
<tr>
<td><input type="radio" id="radio1" /></td>
<td>名字</td>
<td>年纪</td>
</tr>
<tr>
<td><input type="radio" id="radio2" /></td>
<td>名字</td>
<td>年纪</td>
</tr>
<tr>
<td><input type="radio" id="radio3" /></td>
<td>名字</td>
<td>年纪</td>
</tr>
<tr>
<td><input type="radio" id="radio4" /></td>
<td>名字</td>
<td>年纪</td>
</tr>
</table>
<button onclick="bian()">修改</button>
<table>
<tr>
<td>名字<input type="text" id="t1" /></td>
<td>年纪<input type="text" id="t2" /></td>
</tr>
</table>上面是body里面的内容我想用js 写个方法bian() 来做修改和删除表格内容想实现这样的效果
就是 单选框选择哪个 下面的文本是上面内容 就把选择的表格按下面文本框的内容变了要怎么做? 删除也是 我想实现 单选一个radio 然后点删除 就把整行都删除了 要怎么做呢?
解决方案 »
- 加急!在多行文本中的光标处插入字符【浏览器兼容问题】
- while循环判断某值是否为false,如果不是则执行下面的代码,循环体该怎么写
- 无法隐藏div,在线求助
- 各位CSDN的好心人,有时间帮忙看一下这个贴子.
- 我用WEB打印,不知道如何设置宽度,只能打印出640PX的宽度,再大右边就显示不出来了。
- 再次HTM调用JS文件函数问题?看了好多答案都不能解决
- 为什么外部提交表单时,验证失灵
- 请要有耐心看我的问题, 超级奇怪的问题, 迷茫中....
- meta http-equiv="Page-Enter" 为什么没有起作用??
- 对于简单的超连接是怎么样解释呢?
- js 怎么修改表格内容
- 如何将网页中弹出的小网页在点击相应按钮之后消失?
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
function bian(){
var $chk = $("input:radio").filter(":checked");
if($chk.length == 0){
alert('请选择要修改的行!');
return;
}
$chk.parent().next().text($("#t1").val());
$chk.parent().next().next().text($("#t2").val());
}
</script>
</head><body>
<p>If you click on me, I will disappear.</p>
<table width="200px;" border="1">
<tr>
<td><input type="radio" id="radio1" name='radBian' /></td>
<td>名字</td>
<td>年纪</td>
</tr>
<tr>
<td><input type="radio" id="radio2" name='radBian' /></td>
<td>名字</td>
<td>年纪</td>
</tr>
<tr>
<td><input type="radio" id="radio3" name='radBian'/></td>
<td>名字</td>
<td>年纪</td>
</tr>
<tr>
<td><input type="radio" id="radio4" name='radBian'/></td>
<td>名字</td>
<td>年纪</td>
</tr>
</table>
<button onclick="bian()">修改</button>
<table>
<tr>
<td>名字<input type="text" id="t1" /></td>
<td>年纪<input type="text" id="t2" /></td>
</tr>
</table>
</body></html>