一个radio在一行表格中。如何用JQuery,JS选择了radio后，获取那一行的属性。并在页面删除那一行
假设有这样一个表格，选择了radio，点button就删除这个<tr><tr><tdwidth="40"class="list_title_bg_TD"><inputty...
假设有这样一个表格，选择了radio，点button 就删除这个<tr>
<tr>
<td width="40" class="list_title_bg_TD">
<input type="radio" name="aaa" value="" />
</td>
<td width="40" class="list_title_bg_TD">
<input type="button" />
</td>
</tr> 展开
<tr>
<td width="40" class="list_title_bg_TD">
<input type="radio" name="aaa" value="" />
</td>
<td width="40" class="list_title_bg_TD">
<input type="button" />
</td>
</tr> 展开
2个回答
展开全部
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
<!-- 下面这个是可用的一个在线jQuery库地址 -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(function(){
$("input[type=button]").click(function(){
// 找到父元素tr
var tr = $(this).parent().parent();
// 找到被选中的单选框
var radio = tr.find(':radio:checked');
if(radio.length > 0) {
// 如果选择框被选中则删除该行;
tr.remove();
} else {
alert("请先选择再删除");
}
});
});
</script>
</head>
<body>
<table border=1 width="80%" >
<tr>
<td><input type="radio" name="aaa" value="" /></td>
<td>内容1</td>
<td><input type="button" value="删除" /></td>
</tr>
<tr>
<td><input type="radio" name="aaa" value="" /></td>
<td>内容2</td>
<td><input type="button" value="删除" /></td>
</tr>
<tr>
<td><input type="radio" name="aaa" value="" /></td>
<td>内容3</td>
<td><input type="button" value="删除" /></td>
</tr>
</table>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
table只能从最后一行删起 不能从中间删
也就是不能随意删 只能按从下往上删
所以你的只有选择隐藏当前行
也就是不能随意删 只能按从下往上删
所以你的只有选择隐藏当前行
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
