<body>
<table>
<tr>
<td class="tt" title="项目类别"> 项目类别</td>
<td>
<input type="radio" value="1" name="demo1">政府
<input type="radio" value="2" name="demo1">企业
<input type="radio" value="3" name="demo1">个人
</td>
</tr>
<tr>
<td></td>
<td>
<input type="radio" value="1" name="demo2">企业投资-新建、改建、扩建
<input type="radio" value="2" name="demo2">企业投资-其他项目
</td>
</tr>
</table>
<table>
<tr>
<td class="tt" title="项目类别"> 项目类别</td>
<td>
<input type="radio" value="1" name="demo3">政府
<input type="radio" value="2" name="demo3">企业
<input type="radio" value="3" name="demo3">个人
</td>
</tr>
<tr>
<td></td>
<td>
<input type="radio" value="1" name="demo4">企业投资-新建、改建、扩建
<input type="radio" value="2" name="demo4">企业投资-其他项目
</td>
</tr>
</table>
<table>
<tr>
<td class="tt" title="项目类别"> 项目类别</td>
<td>
<input type="radio" value="1" name="demo5">政府
<input type="radio" value="2" name="demo5">企业
<input type="radio" value="3" name="demo5">个人
</td>
</tr>
<tr>
<td></td>
<td>
<input type="radio" value="1" name="demo6">企业投资-新建、改建、扩建
<input type="radio" value="2" name="demo6">企业投资-其他项目
</td>
</tr>
</table>
</body>
对应的JS如下:
<script src="jquery-1.8.0.min.js"></script>
<script>
$(function(){
bindBusinessInvestment();
});
function bindBusinessInvestment() {
var xmlbList=$("td[title='项目类别']");
var xmlb;
for(var i=0;i<xmlbList.size();i++){
xmlb=xmlbList.eq(i);
var brotherTd=xmlb.next();
var inputList=brotherTd.children();
var trParent= xmlb.parent();
for(var j=0;j<inputList.size();j++){
var inputObject=inputList.eq(j);
if(j!=1){
inputObject.click(function(){
var next= $(this).parent().parent().next();
next.hide();
});
}else{
inputObject.click(function(){
var next= $(this).parent().parent().next();
next.show();
});
}
}
var brotherTr=trParent.next();
brotherTr.hide();
}
}
</script>