jsp页面怎么根据radio的不同执行不同的div中的内容
在一个jsp页面中有两个单选按钮,两个div,要求单击不同的radio显示不同的div中的内容。...
在一个jsp页面中有两个单选按钮,两个div,要求单击不同的radio显示不同的div中的内容。
展开
2个回答
展开全部
假如radio名称为r,添加onclick事件showDIV();div1 id为div1,div2id为div2,设置属性style="display:none";
function showDIV(){
if(document.getElementsByName("r")[0].checked){
document.getElementById("div1").style.display="";
document.getElementById("div2").style.display="none";
}else{
document.getElementById("div1").style.display="none";
document.getElementById("div2").style.display="";
}
}
function showDIV(){
if(document.getElementsByName("r")[0].checked){
document.getElementById("div1").style.display="";
document.getElementById("div2").style.display="none";
}else{
document.getElementById("div1").style.display="none";
document.getElementById("div2").style.display="";
}
}
展开全部
function isSelect(a){//控制显示哪个div的函数
var demo = document.getElementById("demo");
var divArray = demo.getElementsByTagName("div");//取得除了demo div之外的div标签的个数
for (var i=0;i<divArray.length;i++) {
if (divArray[i].id == a){
divArray[i].style.display="";//显示 div内容
}else {
divArray[i].style.display="none";//隐藏div内容
}
}
}
先在两个div的外层加一个id为demo的div。开始要设置第二个div的style="display:none"然后在radio的onclick里面调用函数isSelect(this)。
nirenfu - 主管 六级 所说的在html标签中适用但在struts标签里不可以
var demo = document.getElementById("demo");
var divArray = demo.getElementsByTagName("div");//取得除了demo div之外的div标签的个数
for (var i=0;i<divArray.length;i++) {
if (divArray[i].id == a){
divArray[i].style.display="";//显示 div内容
}else {
divArray[i].style.display="none";//隐藏div内容
}
}
}
先在两个div的外层加一个id为demo的div。开始要设置第二个div的style="display:none"然后在radio的onclick里面调用函数isSelect(this)。
nirenfu - 主管 六级 所说的在html标签中适用但在struts标签里不可以
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询