一个radio在一行表格中。如何用JQuery,JS选择了radio后,获取那一行的属性。并在页面删除那一行

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了一个radio在一行表格中。如何用JQuery,JS选择了radio后,获取那一行的属性。并在页面删除那一行相关的知识,希望对你有一定的参考价值。

假设有这样一个表格,选择了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>

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

参考技术A table只能从最后一行删起 不能从中间删
也就是不能随意删 只能按从下往上删
所以你的只有选择隐藏当前行

请教如何用JQuery导入导出excel表格

可以用javascript的文件相关的函数,我忘记具体怎么做了(曾经做过,不难。),只有大体思路。javascript(网页)操作本地文件是要有个许可的,一般在浏览器的安全选项卡里面要设置一下。用生成一个对象,这个对象关联到excel对象(要求客户端必须装excel)。然后写excel表格的单元格等等。到网上搜索一下javascript操作excel就会有的。 参考技术A //必须用ie浏览器,必须安装excel,必须是windwos系统
var filename = "文件全路径"
var oXL = new ActiveXObject("Excel.Application");
try
    var oWB = oXL.Workbooks.open(filename);
catch(e)
    alert('打开文件失败!');

var oSheet = oWB.ActiveSheet;
var nRows=oSheet.usedrange.rows.count;
var nColumns =oSheet.usedrange.columns.count;
//alert("行"+nRows+ " 列" + nColumns);
//第一行为表头
for(var i=2;i<=nRows;i++)
   for(var j=1;j<=nColumns;j++)
       var text = oSheet.Cells(i,j).value;
       alert(text);//第i行,第j列单元格内容       
    

oSheet=null;
oWB.close();
oXL.Application.Quit();  
oXL = null;
CollectGarbage();

以上是关于一个radio在一行表格中。如何用JQuery,JS选择了radio后,获取那一行的属性。并在页面删除那一行的主要内容,如果未能解决你的问题,请参考以下文章

如何用第二行扩展表格的第一行?

如何用JS在alert中显示table每一行里的值,每行中有checkbox,text,radio男女,和select!

html table 如何用按钮显示和隐藏表格中的内容?

如何用js删除表格一行或者多行

如何用Jquery控制单选按钮点击否然后隐藏其他文本框

在C语言中如何用把二维数组中的一行贼给一维数组?