JavaScript怎么隐藏和显示？
<html><head><scriptlanguage="JavaScript">functionoutput(v){document.getElementById("m...
<html>
<head>
<script language="JavaScript">
function output(v)
{
document.getElementById("mf").value=v;
}
function btn()
{
var v=document.getElementById("mf").value;
if(v=="3")
{
alert("正确");
}else{
alert("错误");
}
}
function output2(v)
{
document.getElementById("mf2").value=v;
}
function btn2()
{
var v=document.getElementById("mf2").value;
if(v=="3")
{
alert("正确");
}else{
alert("错误");
}
}
</script>
</head>
<body>
<form id="mf" value="0">
<h1>世界上什么山最高?</h1>
<input type="radio" name="one" value="1" onclick="output(this.value)">昆仑山<br />
<input type="radio" name="one" value="2" onclick="output(this.value)">凤凰山<br />
<input type="radio" name="one" value="3" onclick="output(this.value)">珠穆朗玛峰<br />
<input type="radio" name="one" value="4" onclick="output(this.value)">天山<br />
<input type="button" name="sub" onclick="btn()" value="提交并且跳转下一题">
</form>
<form id="mf2" value="0">
<h1>世界上什么河最长?</h1>
<input type="radio" name="two" value="1" onclick="output2(this.value)">长江<br />
<input type="radio" name="two" value="2" onclick="output2(this.value)">黄河<br />
<input type="radio" name="two" value="3" onclick="output2(this.value)">尼罗河<br />
<input type="radio" name="two" value="4" onclick="output2(this.value)">亚马逊河<br />
<input type="button" name="sub2" onclick="btn2()" value="提交并且跳转下一题">
</form>
</body>
</html>
怎么把第一个先显示隐藏第二个，按了按钮后再显示第二个？隐藏第一个 展开
<head>
<script language="JavaScript">
function output(v)
{
document.getElementById("mf").value=v;
}
function btn()
{
var v=document.getElementById("mf").value;
if(v=="3")
{
alert("正确");
}else{
alert("错误");
}
}
function output2(v)
{
document.getElementById("mf2").value=v;
}
function btn2()
{
var v=document.getElementById("mf2").value;
if(v=="3")
{
alert("正确");
}else{
alert("错误");
}
}
</script>
</head>
<body>
<form id="mf" value="0">
<h1>世界上什么山最高?</h1>
<input type="radio" name="one" value="1" onclick="output(this.value)">昆仑山<br />
<input type="radio" name="one" value="2" onclick="output(this.value)">凤凰山<br />
<input type="radio" name="one" value="3" onclick="output(this.value)">珠穆朗玛峰<br />
<input type="radio" name="one" value="4" onclick="output(this.value)">天山<br />
<input type="button" name="sub" onclick="btn()" value="提交并且跳转下一题">
</form>
<form id="mf2" value="0">
<h1>世界上什么河最长?</h1>
<input type="radio" name="two" value="1" onclick="output2(this.value)">长江<br />
<input type="radio" name="two" value="2" onclick="output2(this.value)">黄河<br />
<input type="radio" name="two" value="3" onclick="output2(this.value)">尼罗河<br />
<input type="radio" name="two" value="4" onclick="output2(this.value)">亚马逊河<br />
<input type="button" name="sub2" onclick="btn2()" value="提交并且跳转下一题">
</form>
</body>
</html>
怎么把第一个先显示隐藏第二个，按了按钮后再显示第二个？隐藏第一个 展开
展开全部
用css样式隐藏所有，显示第一个。然后答对了显示下一个就可以了
<html>
<head>
<script language="JavaScript">
function output(v){
document.getElementById("mf").value=v;
}
function btn(){
var v=document.getElementById("mf").value;
if(v=="3") {
alert("正确");document.getElementById('mf').style.display = 'none';document.getElementById('mf2').style.display = 'block';
}else{
alert("错误");
}
}
function output2(v){
document.getElementById("mf2").value=v;
}
function btn2(){
var v=document.getElementById("mf2").value;
if(v=="3") {
alert("正确");
}else{
alert("错误");
}
}
</script>
<style>form{ display:none;}#mf{ display:block;}</style>
</head>
<body>
<form id="mf" value="0">
<h1>世界上什么山最高?</h1>
<input type="radio" name="one" value="1" onclick="output(this.value)">昆仑山<br />
<input type="radio" name="one" value="2" onclick="output(this.value)">凤凰山<br />
<input type="radio" name="one" value="3" onclick="output(this.value)">珠穆朗玛峰<br />
<input type="radio" name="one" value="4" onclick="output(this.value)">天山<br />
<input type="button" name="sub" onclick="btn()" value="提交并且跳转下一题">
</form>
<form id="mf2" value="0">
<h1>世界上什么河最长?</h1>
<input type="radio" name="two" value="1" onclick="output2(this.value)">长江<br />
<input type="radio" name="two" value="2" onclick="output2(this.value)">黄河<br />
<input type="radio" name="two" value="3" onclick="output2(this.value)">尼罗河<br />
<input type="radio" name="two" value="4" onclick="output2(this.value)">亚马逊河<br />
<input type="button" name="sub2" onclick="btn2()" value="提交并且跳转下一题">
</form>
</body>
</html>
隐藏标签用style.display = 'none';http://www.hi-docs.com/css/display.html
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
