js控制选择表格中的行就选择前面的复选框,怎么实现啊? 下图所示,即变成绿色时选中复选框 5
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>001</title>
</head>
<body>
<center>
<form action="" name="form1">
<table id="senfe">
<tr>
<th>选择</th><th>姓名</th><th>性别</th><th>民族</th><th>电话</th>
</tr>
<tr onclick="SelectTR(this);">
<td><input type='checkbox' id='checkbox[]' name='checkbox[]'></td>
<td>1</td><td>2</td><td>3</td><td>4</td>
</tr>
<tr>
<td><input type='checkbox' id='checkbox[]' name='checkbox[]'></td>
<td>1</td><td>2</td><td>3</td><td>4</td>
</tr>
<tr>
<td><input type='checkbox' id='checkbox[]' name='checkbox[]'></td>
<td>1</td><td>2</td><td>3</td><td>4</td>
</tr>
<tr>
<td><input type='checkbox' id='checkbox[]' name='checkbox[]'></td>
<td>1</td><td>2</td><td>3</td><td>4</td>
</tr>
<tr>
<td><input type='checkbox' id='checkbox[]' name='checkbox[]'></td>
<td>1</td><td>2</td><td>3</td><td>4</td>
</tr>
</table>
</form>
</center>
<script language="javascript">
senfe("senfe","#E0E0E0","#ccc","#2894FF","#02F78E"); //senfe("表格名称","奇数行背景","偶数行背景","鼠标经过背景","点击后背景");
function senfe(o,a,b,c,d){ //隔行变色的同时,鼠标滑过和点击都会变色
var t=document.getElementById(o).getElementsByTagName("tr");
//var m=document.getElementById(o).getElementsByTagName("tr").getElementsByName("checkbox[]");
var m=document.getElementById(o).getElementsByTagName("tr");
for(var i=0;i<t.length;i++){ //t.length表示数组的程度长度
t[i].style.backgroundColor=(t[i].sectionRowIndex%2==0)?a:b;
t[i].onclick=function(){
// alert(i);
if(this.x!="1"){
this.x="1";
this.style.backgroundColor=d;
m[1].checked=true;
}else{
this.x="0";
this.style.backgroundColor=(this.sectionRowIndex%2==0)?a:b;
// this.rows.checked=false;
}
}
t[i].onmouseover=function(){
if(this.x!="1")
this.style.backgroundColor=c;
}
t[i].onmouseout=function(){
if(this.x!="1")this.style.backgroundColor=(this.sectionRowIndex%2==0)?a:b;
}
}
}
</script>
</body>
</html> 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>001</title>
</head>
<body>
<center>
<form action="" name="form1">
<table id="senfe">
<tr>
<th>选择</th><th>姓名</th><th>性别</th><th>民族</th><th>电话</th>
</tr>
<tr onclick="SelectTR(this);">
<td><input type='checkbox' id='checkbox[]' name='checkbox[]'></td>
<td>1</td><td>2</td><td>3</td><td>4</td>
</tr>
<tr>
<td><input type='checkbox' id='checkbox[]' name='checkbox[]'></td>
<td>1</td><td>2</td><td>3</td><td>4</td>
</tr>
<tr>
<td><input type='checkbox' id='checkbox[]' name='checkbox[]'></td>
<td>1</td><td>2</td><td>3</td><td>4</td>
</tr>
<tr>
<td><input type='checkbox' id='checkbox[]' name='checkbox[]'></td>
<td>1</td><td>2</td><td>3</td><td>4</td>
</tr>
<tr>
<td><input type='checkbox' id='checkbox[]' name='checkbox[]'></td>
<td>1</td><td>2</td><td>3</td><td>4</td>
</tr>
</table>
</form>
</center>
<script language="javascript">
senfe("senfe","#E0E0E0","#ccc","#2894FF","#02F78E"); //senfe("表格名称","奇数行背景","偶数行背景","鼠标经过背景","点击后背景");
function senfe(o,a,b,c,d){ //隔行变色的同时,鼠标滑过和点击都会变色
var t=document.getElementById(o).getElementsByTagName("tr");
//var m=document.getElementById(o).getElementsByTagName("tr").getElementsByName("checkbox[]");
var m=document.getElementById(o).getElementsByTagName("tr");
for(var i=0;i<t.length;i++){ //t.length表示数组的程度长度
t[i].style.backgroundColor=(t[i].sectionRowIndex%2==0)?a:b;
t[i].onclick=function(){
// alert(i);
if(this.x!="1"){
this.x="1";
this.style.backgroundColor=d;
m[1].checked=true;
}else{
this.x="0";
this.style.backgroundColor=(this.sectionRowIndex%2==0)?a:b;
// this.rows.checked=false;
}
}
t[i].onmouseover=function(){
if(this.x!="1")
this.style.backgroundColor=c;
}
t[i].onmouseout=function(){
if(this.x!="1")this.style.backgroundColor=(this.sectionRowIndex%2==0)?a:b;
}
}
}
</script>
</body>
</html> 展开
若以下回答无法解决问题,邀请你更新回答
2个回答
展开全部
加一个计数器应该可以
<script>
var s=0;
function checkbox_max(obj,num){
if (s>=nmu)
{
alert("您的选择次数已经超过!");
//这里的超过选择次数的一些操作
}
else
{
s++;
//未超过时怎么办?
}
}
</script>
<script>
var s=0;
function checkbox_max(obj,num){
if (s>=nmu)
{
alert("您的选择次数已经超过!");
//这里的超过选择次数的一些操作
}
else
{
s++;
//未超过时怎么办?
}
}
</script>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
你点击tr时,就选中改行的选择框就行了....
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询