懂jquery或javascript的进，jquery重复加载有关问题
日期：2014-05-16 浏览次数：20288 次
懂jquery或javascript的进，jquery重复加载问题
<html>
<head>
<title>jQuery表格修饰：隔行换色,点击变色,多选单选变色丨芯晴网页特效丨CsrCode.Cn</title>
<script language="JavaScript" type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<SCRIPT LANGUAGE="JavaScript">
<!--
$(document).ready(function(){
$('.cssraindemo3 tbody tr:even').addClass('SelectColor');
$('.cssraindemo3 tbody tr').hover(
function() {$(this).addClass('highlight');},
function() {$(this).removeClass('highlight');}
);
// 单选框
$('.cssraindemo3 tbody tr').click(
function() {
$(this).siblings().removeClass('selected');
$(this).addClass('selected');
}
);
//选中哪一行
$('.cssraindemo3 tr').click(function() {
$(this).find('td').each(function(i) {
if (i == 0) {
text = $(this).text();
alert(text);
}
});
if (!this.dellEmpoyeessbutton)
{
this.dellEmpoyeessbutton = 'dellEmpoyeessbutton';
$("#employeesSubmit_Dell").click(function(){
if(text != "")
{
alert("死循环？");
alert(text);
}
});
}
});
//结束
});
//-->
</SCRIPT>
<style type="text/css">
tr.SelectColor { background:#FFF3BF;}
tr.highlight { background:#6F4DFF;}
tr.selected { background:#aaaaaa;color:#fff;}
td { font:normal 12px/17px Arial;padding:2px;width:100px;}
th { font:bold 12px/17px Arial;text-align:left;padding:4px;border-bottom:1px solid #333;}
table { border:0;border-collapse:collapse;}
</style>
</head>
<body>
<table class="cssraindemo3" id="tableID">
<thead>
<tr>
<th> </th>
<th>姓名</th>
<th>性别</th>
<th>暂住地</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>张山</td>
<td>男</td>
<td>浙江宁波</td>
</tr>
<tr>
<td>2</td>
<td>李四</td>
<td>女</td>
<td>浙江杭州</td>
</tr>
<tr>
<td>3</td>
<td>王五</td>
<td>男</td>
<td>湖南长沙</td>
</tr>
<tr>
<td>4</td>
<td>找六</td>
<td>男</td>
<td>浙江温州</td>
</tr>
<tr>
<td>5</td>
<td>Rain</td>
<td>男</td>
<td>浙江杭州</td>
</tr>
<tr>
<td>6</td>
<td>MAXMAN</td>
<td>女</td>
<td>浙江杭州</td>
</tr>
</tbody>
</table>
<div style="float: right;">
<input name="按钮" type="button" id="employeesSubmit_Dell" value="删 除" style="width:100%; height:40px; font-size:18px; font-style:inherit" />
</div>
</body>
</html>
上面是原代码，求能帮我解决问题的，当我点多几天记录的时候点删除应该只显示一条选中记录为什么会出现那么多，如何解决多选问题。我要是的是单选
------解决方案--------------------
方法1：使用全局变量，记录最后一次点击的行索引
var del_TrIndex;
$("#tableID tbody").find("tr").each(function(){
<html>
<head>
<title>jQuery表格修饰：隔行换色,点击变色,多选单选变色丨芯晴网页特效丨CsrCode.Cn</title>
<script language="JavaScript" type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<SCRIPT LANGUAGE="JavaScript">
<!--
$(document).ready(function(){
$('.cssraindemo3 tbody tr:even').addClass('SelectColor');
$('.cssraindemo3 tbody tr').hover(
function() {$(this).addClass('highlight');},
function() {$(this).removeClass('highlight');}
);
// 单选框
$('.cssraindemo3 tbody tr').click(
function() {
$(this).siblings().removeClass('selected');
$(this).addClass('selected');
}
);
//选中哪一行
$('.cssraindemo3 tr').click(function() {
$(this).find('td').each(function(i) {
if (i == 0) {
text = $(this).text();
alert(text);
}
});
if (!this.dellEmpoyeessbutton)
{
this.dellEmpoyeessbutton = 'dellEmpoyeessbutton';
$("#employeesSubmit_Dell").click(function(){
if(text != "")
{
alert("死循环？");
alert(text);
}
});
}
});
//结束
});
//-->
</SCRIPT>
<style type="text/css">
tr.SelectColor { background:#FFF3BF;}
tr.highlight { background:#6F4DFF;}
tr.selected { background:#aaaaaa;color:#fff;}
td { font:normal 12px/17px Arial;padding:2px;width:100px;}
th { font:bold 12px/17px Arial;text-align:left;padding:4px;border-bottom:1px solid #333;}
table { border:0;border-collapse:collapse;}
</style>
</head>
<body>
<table class="cssraindemo3" id="tableID">
<thead>
<tr>
<th> </th>
<th>姓名</th>
<th>性别</th>
<th>暂住地</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>张山</td>
<td>男</td>
<td>浙江宁波</td>
</tr>
<tr>
<td>2</td>
<td>李四</td>
<td>女</td>
<td>浙江杭州</td>
</tr>
<tr>
<td>3</td>
<td>王五</td>
<td>男</td>
<td>湖南长沙</td>
</tr>
<tr>
<td>4</td>
<td>找六</td>
<td>男</td>
<td>浙江温州</td>
</tr>
<tr>
<td>5</td>
<td>Rain</td>
<td>男</td>
<td>浙江杭州</td>
</tr>
<tr>
<td>6</td>
<td>MAXMAN</td>
<td>女</td>
<td>浙江杭州</td>
</tr>
</tbody>
</table>
<div style="float: right;">
<input name="按钮" type="button" id="employeesSubmit_Dell" value="删 除" style="width:100%; height:40px; font-size:18px; font-style:inherit" />
</div>
</body>
</html>
上面是原代码，求能帮我解决问题的，当我点多几天记录的时候点删除应该只显示一条选中记录为什么会出现那么多，如何解决多选问题。我要是的是单选
------解决方案--------------------
方法1：使用全局变量，记录最后一次点击的行索引
var del_TrIndex;
$("#tableID tbody").find("tr").each(function(){
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
