调查问卷
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
#contentid{
display: none;
}
</style>
<script type="text/javascript">
function showContent(node){
var divNode = document.getElementById("contentid");
if(node.value=='yes'){
divNode.style.display="block";
}else{
divNode.style.display="none";
}
}
</script>
</head>
<body>
你要参与问卷调查吗？
<input type="radio" name="wenjuan" value="yes" onclick="showContent(this)">是
<input type="radio" name="wenjuan" valuse="no" checked="checked" onclick="showContent(this)">否
<br>
<div id="contentid">
问卷调查内容：
<br>
您的姓名：<input type="text"><br>
您的年龄：<input type="text">
</div>
</body>
</html>
性格测试
<html>
<head>
<meta charset="UTF-8">
<title>Title</title>
<style type="text/css">
.close{
display: none;
}
.open{
display: block;
}
</style>
<script type="text/javascript">
function showResult(){
var flag =false;
var val;
var fruitNodes = document.getElementsByName("fruit");
for(var i=0;i<fruitNodes.length;i++){
if(fruitNodes[i].checked){
flag=true;
val=parseInt(fruitNodes[i].value);
break;
}
}
if(!flag){
document.getElementById("spanid").innerHTML="没有任何答案".fontcolor("red");
return;
}
if(val>=1&&val<=3){
document.getElementById("div1").className="open";
document.getElementById("div2").className="close";
}else{
document.getElementById("div1").className="close";
document.getElementById("div2").className="open";
}
}
</script>
</head>
<body>
欢迎您参加性格测试：
<br>
第一题：<br>
您喜欢的水果是什么？<br>
<div id="div0">
<input type="radio" name="fruit" value="1">苹果
<br>
<input type="radio" name="fruit" value="2">香蕉
<br>
<input type="radio" name="fruit" value="3">西瓜
<br>
<input type="radio" name="fruit" value="4">桃子
<br>
<input type="radio" name="fruit" value="5">葡萄
<br>
<input type="radio" name="fruit" value="6">火龙果
</div>
<input type="button" value="查看测试结果" onclick="showResult();">
<span id="spanid">
</span>
<div id="div1" class="close">1-3分：性格内向</div>
<div id="div2" class="close">4-6分：性格外向</div>
</body>
</html>
IDEA激活码
