您的位置：首页 > 其它

判断表格中行的值是否一致

2007-04-23 15:15 288 查看

<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT LANGUAGE=javascript>
function window.onload(){
init()
}

function init(){
var chks=document.all.chk
for(var i=0;i<chks.length;i++)
chks[i].onclick=validate
}

function validate(){

var sCur=this.parentElement.previousSibling.outerText
var chks=document.all.chk
if (this.checked){
for(var i=0;i<chks.length;i++){
if (chks[i].checked==true){
sSel=chks[i].parentElement.previousSibling.outerText
if (sCur!=sSel){
alert("请选择相同的单位")
this.checked=false
break
}
}
}
}
}
</SCRIPT>

</HEAD>
<BODY>

<table>
<tr>
<th>单位</th><th></th>
</tr>
<tr>
<td>A</td><td id=td0><input type=checkbox id=chk></td>
</tr>
<tr>
<td>B</td><td><input type=checkbox id=chk></td>
</tr>
<tr>
<td>B</td><td><input type=checkbox id=chk></td>
</tr>
<tr>
<td>A</td><td><input type=checkbox id=chk></td>
</tr>
</table>

</BODY>
</HTML>

<table id=demo>
<tr><td>日期 <td>单位<td>付款
<tr><td>2002-05-09<td>A<td><input type=checkbox>
<tr><td>2002-05-10<td>B<td><input type=checkbox>
<tr><td>2002-05-11<td>A<td><input type=checkbox>
</table>
<script>
var p="",c=0;
function demo.onclick(){
var obj=event.srcElement;
if(obj.type!="checkbox")return;
var objs=demo.all.tags("input")
for(i=0;i<objs.length;i++)
if(objs[i].type=="checkbox"&&objs[i].checked==true){
if(objs[i].parentElement.previousSibling.innerText!=obj.parentElement.previousSibling.innerText){alert("error");return false;}
}
return true;
}
</script>

<script>
function doselect(para){
chku = eval("document.all.u"+para+".innerText") ;
chkObj = document.all.chk ;
chkLen = chkObj.length ;
for (i=0;i<chkLen;i++){
if (chkObj[i].checked){
oldChk = eval("document.all.u"+i+".innerText") ;
if (chku != oldChk){
alert("您选择的不是一个单位的数据，不能同时付款！") ;
eval("document.all.chk["+para+"].checked = false") ;
return ;
}
}
}
}
</script>
<BODY BGCOLOR="#FFFFFF">
<table border="1" id="tab1">
<tr><td>日期</td><td>单位</td><td>付款</td></tr>
<tr><td>2002-05-09</td><td id="u0">A</td><td><input type="checkbox" name="chk" onclick="doselect('0');"></td></tr>
<tr><td>2002-05-10</td><td id="u1">B</td><td><input type="checkbox" name="chk" onclick="doselect('1');"></td></tr>
<tr><td>2002-05-11</td><td id="u2">A</td><td><input type="checkbox" name="chk" onclick="doselect('2');"></td></tr>

</BODY>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航