DOM（三）-02-(示例-调查问卷)

最新推荐文章于 2021-05-31 08:55:49 发布

wy_0928

最新推荐文章于 2021-05-31 08:55:49 发布

阅读量556

点赞数

分类专栏： No.7-JavaWeb自学笔记（五）——DOM

本文链接：https://blog.csdn.net/wy_0928/article/details/47810949

版权

No.7-JavaWeb自学笔记（五）——DOM 专栏收录该内容

42 篇文章 0 订阅

订阅专栏

<!--
单选按钮演示。
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>

wy_0928

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DOM（三）-02-(示例-调查问卷)

 #contentid{/*问卷默认隐藏，注意这个id选择器优先级很高 */ display:none; } function showContent(node){ //获取问卷调查所在div区
复制链接

扫一扫