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

来源:互联网 发布:华为记录运动数据 编辑:程序博客网 时间:2024/05/17 05:18
<!--单选按钮演示。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" onclick="showContent(this)" />是<input type="radio" name="wenjuan" value="no" checked="checked" onclick="showContent(this)" />否<!-- checked="checked"是默认选中否 --></div><div id="contentid">问卷调查内容:<br/>您的姓名:<input type="text" /><br/>您的邮箱:<input type="text" /></div></body></html>
0 0
原创粉丝点击