一个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>
<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!