如何用checkbox的值来控制span中内容的显示?
<!--我希望能做成值为1或2的cbx被选中就显示span1或2中的内容,取消选中就隐藏span1或2中的内容--><scriptlanguage=javascript>...
<!--我希望能做成值为1或2的cbx被选中就显示span1或2中的内容,取消选中就隐藏span1或2中的内容-->
<script language=javascript>
function check(){
if(cbx.checked==true)||(cbx.value==1){
shows.style.display="";
}else{
shows.style.display="none";
}
if(cbx.checked==true)||(cbx.value==2){
shows2.style.display="";
}else{
shows2.style.display="none";
}
}
</script>
<html>
<body>
<input type=checkbox id="cbx" onClick="check()" value=1><span id="show1" style="display:none"><input type="text" id="sdhow">1</span>
<input type=checkbox id="cbx" onClick="check()" value=2><span id="show2" style="display:none"><input type="text" id="sdhow" >2</span>
</body>
</html> 展开
<script language=javascript>
function check(){
if(cbx.checked==true)||(cbx.value==1){
shows.style.display="";
}else{
shows.style.display="none";
}
if(cbx.checked==true)||(cbx.value==2){
shows2.style.display="";
}else{
shows2.style.display="none";
}
}
</script>
<html>
<body>
<input type=checkbox id="cbx" onClick="check()" value=1><span id="show1" style="display:none"><input type="text" id="sdhow">1</span>
<input type=checkbox id="cbx" onClick="check()" value=2><span id="show2" style="display:none"><input type="text" id="sdhow" >2</span>
</body>
</html> 展开
1个回答
展开全部
<script language=javascript>
function check(){
var cbx = document.getElementsByName("cbx");
for(var i=0; i<cbx.length; i++){
if(cbx[i].checked==true){
eval("show"+cbx[i].value).style.display="";
}else{
eval("show"+cbx[i].value).style.display="none";
}
}
}
</script>
<html>
<body>
<input type=checkbox id="cbx" name="cbx" onClick="check()" value=1>
<span id="show1" style="display:none">1</span>
<input type=checkbox id="cbx" name="cbx" onClick="check()" value=2>
<span id="show2" style="display:none">2</span>
</body>
</html>
function check(){
var cbx = document.getElementsByName("cbx");
for(var i=0; i<cbx.length; i++){
if(cbx[i].checked==true){
eval("show"+cbx[i].value).style.display="";
}else{
eval("show"+cbx[i].value).style.display="none";
}
}
}
</script>
<html>
<body>
<input type=checkbox id="cbx" name="cbx" onClick="check()" value=1>
<span id="show1" style="display:none">1</span>
<input type=checkbox id="cbx" name="cbx" onClick="check()" value=2>
<span id="show2" style="display:none">2</span>
</body>
</html>
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
