<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>