表单选择
<html>
<head>
<title>选择</title>
</head>
<body>
<h1>小橙同学——欢迎您</h1>
<form id="myForm" action="/example/html/form_action.asp" method="get">
<p><input οnclick="myFunctionA()" type="radio" name="vehicle" value="Bike" /> 富豪 </p>
<p><input οnclick="myFunctionB()" type="radio" name="vehicle" value="Car" /> 程序员 </p>
<p><input οnclick="myFunctionC()" type="radio" name="vehicle" value="Bike" /> 帅哥 </p>
<p><input οnclick="myFunctionD()" type="radio" name="vehicle" value="Car" /> 学霸 </p>
</form>
<p id="da"></p>
<button type="button" οnclick="document.getElementById('da').style.display='none'">隐藏答案</button>
<button type="button" οnclick='document.getElementById("da").innerHTML = "正确答案：程序员（可newN个对象）"'>显示答案</button>
<input type="button" οnclick="reset()" value="清除选择" title="三思" style="width:80px; height:50px; border-radius:50%;border:none;background-color:pink">
<p>(注：答案仅显示一次，隐藏不可见。)</p>
<script>
function myFunctionA(){
var f;
var r=confirm("请再次确认！");
if (r==true){
f="你选择了\" 富豪 \"";
}
else{
f="你选择了\" 取消 \"";
}
document.getElementById("hb").innerHTML=f;
}
</script>
<script>
function myFunctionB(){
var c;
var r=confirm("请再次确认！");
if (r==true){
c="你选择了\" 程序员 \"";
}
else{
c="你选择了\" 取消 \"";
}
document.getElementById("hb").innerHTML=c;
}
</script>
<script>
function myFunctionC(){
var s;
var r=confirm("请再次确认！");
if (r==true){
s="你选择了\" 帅哥 \"";
}
else{
s="你选择了\" 取消 \"";
}
document.getElementById("hb").innerHTML=s;
}
</script>
<script>
function myFunctionD(){
var x;
var r=confirm("请再次确认！");
if (r==true){
x="你选择了\" 学霸 \"";
}
else{
x="你选择了\" 取消 \"";
}
document.getElementById("hb").innerHTML=x;
}
</script>
<p id="hb"></p>
</body>
<script type="text/javascript">
function reset(){
document.getElementById("myForm").reset();
}
</script>
</html>
328
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
