html表格点击
㈠ html表格事件问题
最简单的办法就是把对应的id放在超链接的name属性（或者其他属性也行），比如：
$("#add"+i).append("<td><aname='"+rjson[i].id+"'>"+rjson[i].NAME+"</a></td>");然后点击时读取属性里的id，触发相应按钮的事件：
$("#add"+i).click(function(){
$("#"+$(this).attr("name")).click();
});
㈡ html表格,有一行被选中,点击其他按钮后获取被选中行,jquery代码怎么写
被选中行是不是有一个特殊的class？
那你获取的时候，就找那个class就行了
㈢ html中表格点击后整个一行变颜色
给分
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript" type="text/javascript">
function tagscheck(a){
var lng=document.all.tags(a.tagName).length;
for(i=0;i<lng;i++){
var temp=document.all.tags(a.tagName)[i];
if(a==temp){
//选中的标签样式
temp.style.background="#ccc";
}else{
//恢复原状
temp.style.background="";
}
}
}
</script>
</head>
<body>
<table width="100%" border="1" cellpadding="2" cellspacing="0">
<tr>
<td bgcolor="#006600"></td>
<td bgcolor="#006600"></td>
<td bgcolor="#006600"></td>
</tr>
<tr onclick="tagscheck(this);">
<td></td>
<td></td>
<td></td>
</tr>
<tr onclick="tagscheck(this);">
<td></td>
<td></td>
<td></td>
</tr>
<tr onclick="tagscheck(this);">
<td></td>
<td></td>
<td></td>
</tr>
<tr onclick="tagscheck(this);">
<td></td>
<td></td>
<td></td>
</tr>
<tr onclick="tagscheck(this);">
<td></td>
<td></td>
<td></td>
</tr>
<tr onclick="tagscheck(this);">
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
</html>
㈣ HTML CSS 点击表格某一项使其变色
没空写代码 给你个思路 首先 点击 使用onclick事件 变色的话 使用this变你要的颜色this的所有兄弟元素恢复你原来的颜色 需要用到javascript
㈤ html中实现点击表格某一行后在其下面弹出一行表格
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>demo</title>
<styletype="text/css">
*{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0}
tabletd{border:1pxsolid#ccc;height:30px;line-height:30px;text-align:center;position:relative;}
tabletdp{}
tabletd.box{width:300px;height:300px;background:#f00;position:absolute;top:30px;left:0;z-index:9999;display:none;}
</style>
<scripttype="text/javascript"src="jquery-1.8.2.min.js"></script>
<scripttype="text/javascript">
$(function(){
$('tabletr').each(function(){
$(this).find('td:first').click(function(){
$(this).children('.box').show();
});
});
$(document).click(function(e){
vartarget=$(e.target);
if(target.closest("tabletr").length==0){
$(".box").hide();
}
});
})
</script>
</head>
<body>
<tablewidth="900"border="1">
<tr>
<td>
<p>IP</p>
<divclass="box">点击的时候出现</div>
</td>
<td>ICON</td>
<td>FPING</td>
<td>...</td>
</tr>
<tr>
<td>
<p>IP</p>
<divclass="box">点击的时候出现</div>
</td>
<td>ICON</td>
<td>FPING</td>
<td>...</td>
</tr>
<tr>
<td>
<p>IP</p>
<divclass="box">点击的时候出现</div>
</td>
<td>ICON</td>
<td>FPING</td>
<td>...</td>
</tr>
</table>
</body>
</html>
jquery库文件自己引入下，希望可以帮到你。
㈥ HTML如何实现单击按钮后显示隐藏表格
<html>
<head>
<title>利用Dom属性来创建表格内</title>
<script type="text/javascript">
function toggle(id){
var tb=document.getElementById(id);
if(tb.style.display=='none') tb.style.display='block';
else tb.style.display='none';
}
</script>
</head>
<body>
<input type="button" value="显示容/隐藏" onClick="toggle('table1')"/>
<table border="1" id="table1">
<tr><td>2</td><td>3</td></tr>
</table>
</body>
</html>
㈦ 怎么写一个HTML里table单元格的鼠标单击事件
] <!DOCTYPE html>
<html lang=＂en＂>
<head>
<meta charset=＂UTF-8＂>
<title></title>
<style type=＂text/css＂>
*{margin: 0; padding: 0;}
th, td{width: 50px; height: 30px; text-align: center;}
th{cursor: pointer; border: 1px solid transparent;}
th:hover{border: 1px solid greenyellow;}
</style>
</head>
<body>
<table>
<tr>
<th>111</th>
<th>222</th>
<th>333</th>
</tr>
<tr>
<td>111</td>
<td>222</td>
<td>333</td>
</tr>
</table>
<script type=＂text/javascript＂>