<!--
单选按钮演示。
1.是否参与调查问卷?
当选择“是”,问卷显示,当选择“否“,问卷不显示
-->
<html>
<head>
<style type="text/css">
#contentid{/*问卷默认隐藏,注意这个id选择器优先级很高 */
display:none;
}
</style>
</head>
<body>
<script type="text/javascript">
function showContent(node){
//获取问卷调查所在div区域的节点对象
var oDivNode = document.getElementById("contentid");
if(node.value == "yes"){
oDivNode.style.display = "block";
}else{
oDivNode.style.display = "none";
}
}
</script>
<!--问卷调查-->
<div>
您要参与问卷调查吗:
<input type="radio" name="wenjuan" value="yes" οnclick="showContent(this)" />是
<input type="radio" name="wenjuan" value="no" checked="checked" οnclick="showContent(this)" />否
<!-- checked="checked"是默认选中否 -->
</div>
<div id="contentid">
问卷调查内容:<br/>
您的姓名:<input type="text" /><br/>
您的邮箱:<input type="text" />
</div>
</body>
</html>
DOM(三)-02-(示例-调查问卷)
最新推荐文章于 2019-09-01 13:51:05 发布