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