读书人
栏目▼

求教点击单选按钮实现不了隐藏与现实

发布时间： 2013-02-19 11:11:40 作者： rapoo

求教点击单选按钮实现不了隐藏与现实，在线等，解决立马结贴
具体的是这样的，单选按钮是通过函数调用的代码是这样的，这里面包含了判断你点击的是什么用户：
<td width="24%" height="30" align="right" class="fontaddzb">会员类型</td>
<td width="76%" class="font14d">
<%
For i=0 To ubound(TenderClass)
checked=""
IF ClassID="" Then
IF i=0 Then checked="checked"
Else
IF TenderClass(i,0)=ClassID Then checked="checked"
End IF
%>
<input name="rdTender" type="radio" value="<%=TenderClass(i,0)%>" onclick="javascript:(<%=TenderClass(i,0)%>)" <%=checked%> /> <%=TenderClass(i,1)%>

<%Next%>
*</td>




调用的config能用到的是这个<%
'招标类型
Dim TenderClass(1,1)
TenderClass(0,0) = 1
TenderClass(0,1) = "个人用户"
TenderClass(1,0) = 2
TenderClass(1,1) = "企业用户"
'品牌类型


现在要在这个表格下面加一行，就是点击企业用户，个人用户隐藏，点击个人用户，企业用户隐藏，代码是这个,

<tr>
<td height="30" align="right" class="fontaddzb">招投结束同意转移办理以下业务</td>
<td class="font14d"><div id="div1">
<input type="checkbox" name="shifou" value="0" />XXXXX <input type="checkbox" name="shifou" value="1" />XXXXXX <input type="checkbox" name="shifou" value="2" />XXXXX <input type="checkbox" name="shifou" value="3" />XXXXXX</div>
<div id="div2">
<input type="checkbox" name="shifou" id="chk0" value="0" />XXXXX <input type="checkbox" name="shifou" value="1" id="chk1"/>XXXXX<input type="checkbox" name="shifou" value="2" id="chk2" />XXXXX</td>
</tr>




这个是参考的JS和代码，<script language="javascript">
function div1_on() //显示div1
{
document.getElementById("div1").style.display="block";
document.getElementById("div2").style.display="none";
}
function div2_on() //显示div2
{
document.getElementById("div1").style.display="none";
document.getElementById("div2").style.display="block";
}

</script>
</head>
<body>
<input type="radio" name="rg1" value="单选" id="rg1_0" onclick="javascript:div1_on();" checked="checked" />显示div1
<input type="radio" name="rg1" value="单选" id="rg1_1" onclick="javascript:div2_on();" />显示div2

能用这个代码改么，求各位大大版主教教我 javascript function


[解决办法]

<input name="rdTender" type="radio" value="<%=TenderClass(i,0)%>"
onclick="javascript:div(<%=TenderClass(i,0)%>)_on" <%=checked%> /> <%=TenderClass(i,1)%>

这样试试

[解决办法]

引用:
具体的是这样的，单选按钮是通过函数调用的代码是这样的，这里面包含了判断你点击的是什么用户：
<td width="24%" height="30" align="right" class="fontaddzb">会员类型</td>
<td width="76%" class="font14d">
<%
For i=0 To ubo……

大概就这个样子

<!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=utf-8" />
<title>无标题文档</title>
<style>

</style>
<script>
function div1_on()   //显示div1
{
document.getElementById("div1").style.display="block";
document.getElementById("div2").style.display="none";
}
function div2_on()    //显示div2
{
    document.getElementById("div1").style.display="none";
document.getElementById("div2").style.display="block";
}

</script>
</head>
<body>
<table>
<tr>
                  <td height="30" align="right" class="fontaddzb">招投结束同意转移办理以下业务</td>
                  <td class="font14d">
<div id="div1" >
<input type="checkbox" name="shifou" value="0" />XXXXX <input type="checkbox" name="shifou" value="1" />XXXXXX <input type="checkbox" name="shifou" value="2" />XXXXX <input type="checkbox" name="shifou" value="3" />XXXXXX
</div>
<div id="div2" style="display:none;">
<input type="checkbox" name="shifou" id="chk0" value="0" />XXXXX <input type="checkbox" name="shifou" value="1" id="chk1"/>XXXXX<input type="checkbox" name="shifou" value="2" id="chk2" />XXXXX</td>
</div>
                </tr>
</table>
<input type="radio" name="rg1" value="单选" id="rg1_0" onclick="javascript:div1_on();" checked="checked" />
<input type="radio" name="rg1" value="单选" id="rg1_1" onclick="javascript:div2_on();" />
</body>
</html>

[解决办法]
引用:
引用:引用:
引用:<input name="rdTender" type="radio" value="<%=TenderClass(i,0)%>"
onclick="javascript:div(<%=TenderClass(i,0)%>)_on" <%=checked%> /> <%=Tende……


是不是这个样子

<table>
<tr>
                  <td height="30" align="right" class="fontaddzb">招投结束同意转移办理以下业务</td>
                  <td class="font14d">
<%
For i=0 To ubound(TenderClass)
checked=""
display = "none"
IF ClassID="" Then
IF i=0 Then checked="checked" display ="block"
Else
IF TenderClass(i,0)=ClassID Then checked="checked" display ="block"
End IF
%>
<div id="div<%=i%>" style="display:<%=display%>;">
<input type="checkbox" name="shifou" value="0" />XXXXX <input type="checkbox" name="shifou" value="1" />XXXXXX <input type="checkbox" name="shifou" value="2" />XXXXX <input type="checkbox" name="shifou" value="3" />XXXXXX
</div>
<%Next%>
*</td>
                </tr>
</table>
<%
For i=0 To ubound(TenderClass)
checked=""
IF ClassID="" Then
IF i=0 Then checked="checked" 
Else
IF TenderClass(i,0)=ClassID Then checked="checked" 
End IF
%>
<input name="rdTender" type="radio" value="<%=TenderClass(i,0)%>" onclick="javascript:divShow('div<%=i%>')" <%=checked%> /> <%=TenderClass(i,1)%>
                    
<%Next%>


对应js
function divShow(id)
{
var divs = document.getElementsByTagName("div");
for(var count = 0; count< divs.length; count++)
{
if(id==divs[count].id)
{
divs[count].style.display="block";
}
else
{
divs[count].style.display="none";
}
}
}

[解决办法]
引用:
引用:引用:
引用:引用:
引用:<input name="rdTender" type="radio" value="<%=TenderClass(i,0)%>"
onclick="javascript……

那肯定是asp那块有问题，语法不太对，一直做得java的开发，asp不太灵。
主要就是两个循环，一个循环递归添加div，一个循环递归添加radio。
他们的对应关系是靠循环数相连的（divi以及radio的onclick事件的参数（div<%=i%>）都是第i个循环添加的）.
如果第i个radio被选中（checked = "true"）,则id为div<%=i%>的div显示，其他div都隐藏即可。
以上为主要思路，只能如此。
[解决办法]
<%
For i=0 To ubound(TenderClass)
checked=""
IF ClassID="" Then
IF i=0 Then checked="checked"
Else
IF TenderClass(i,0)=ClassID Then checked="checked"
End IF
%>
<input name="rdTender" type="radio" value="<%=TenderClass(i,0)%>" onclick="javascript:DoChange(<%=TenderClass(i,0)%>)" <%=checked%> /> <%=TenderClass(i,1)%>

<%Next%>
<script>
function DoChange(id) {


document.getElementById('div' + id).style.display = 'block';
document.getElementById('div' + (id == 1 ? 2 : 1)).style.display = 'none';
}
</script>

读书人网 >ASP

热点推荐

触屏版 | 电脑版

读书人网 m.reader8.net