<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>隐藏标签用style.display = 'none';http://www.hi-docs.com/css/display.html
javascript代码怎么控制元素隐藏?
JavaScript控制元素隐藏的核心在于style.display属性。通过修改display属性值,可以实现元素的显示与隐藏。具体操作如下:将display属性设置为"none"可隐藏元素,而将其设置为"block"或其他可见属性则显示元素。以下示例展示了如何使用style.display属性控制元素显示与隐藏:利用document.getElementById获取ID为myDiv...
javascript怎么隐藏javascript隐藏
js设置控件的隐藏与显示的两种方法:js设置控件的隐藏与显示,设置控件style的display和visibility属性就可以了。用JavaScript隐藏控件的方法有两种,分别是通过设置控件的style的“display”和“visibility”属性。当style.display=block或style.visibility=visible时控件或见,当style.display=none或style.visibility...
用JavaScript如何控制表格中行的显示和隐藏
document.getElementById("tr的id").style="display:none";隐藏 document.getElementById("tr的id").style="display:block";显示
javascript中应该怎么设置visible属性?
在JavaScript中,我们可以通过设置控件的style属性来隐藏或显示其可见性。这主要通过"display"和"visibility"两个属性来完成。当我们使用style.display设置为"block"或"visible"时,控件将变得可见。反之,若将style.display设置为"none"或"hidden",控件将不可见。值得注意的是,"display"属性不仅控制控件的...
JavaScript如何实现密码可见性切换(显示和隐藏)
前端密码可见性切换(显示和隐藏)效果,大家估计都见过,所以就不多说了。默认情况下,输入的密码的 input 标签 type="password",默认密码用小点或星号表示。要密码可见所以我们需要将type修改为"text"。在 Chrome、FireFox 等浏览器中通过修改 input 标签的 type 属性轻松实现该效果,但是 IE 下就会...
js控制div的显示和隐藏
JavaScript控制div的隐藏 比如我们有一个id为div1的div元素 隐藏,代码如下 document.getElementById("div1").style.display="none";显示,代码如下 document.getElementById("div1").style.display="block";其他方式 除了修改display,还可以通过修改元素的宽度和高度为零实现隐藏效果。
js控制div显示隐藏实现(jquery控制div显示隐藏)
JavaScript控制div的隐藏 比如我们有一个id为div1的div元素 div?id="div1"\/div 隐藏,代码如下 document.getElementById("div1").style.display="none";显示,代码如下 document.getElementById("div1").style.display="block";其他方式 除了修改display,还可以通过修改元素的宽度和高度为零实现隐藏...
在js框架中,哪个只内置指令可以决定显示或隐藏一个元素?
在JavaScript框架中,可以使用v-show指令来决定是否显示一个元素。这个指令会接受一个布尔值表达式,如果表达式的值为true,则会显示元素,如果表达式的值为false,则会隐藏元素。例如,假设有一个变量showElement,当它的值为true时,希望显示一个元素,否则隐藏它,可以这样使用v-show指令:当showElement的...
如何实现js控制div的隐藏及显现
1、首先,打开html编辑器,新建一个html文件,例如:index.html。2、在index.html文件的标签中,写入js:('button').click(function () { ('div').hide();('div').eq(parseInt(3 * Math.random())).show();});3、浏览器运行index.html页面,此时点击btn按钮总会显示其中1个div和隐藏另外2...
JavaScript怎么实现层的显示和隐藏?
"IDNAME");oDiv.style.visibility = "visible|hidden"; \/\/ 显示或者隐藏,hidden会保留div的位置,会显示一块空白 oDiv.style.display = "block|inline|none";\/\/换行显示\\同行显示\\不显示.none不会保留div的位置,会由其他div自动填充原来的位置 \/\/none 和 visible 取决于你的上下文....