DOM_radio

Posted 跳动de手指

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了DOM_radio相关的知识，希望对你有一定的参考价值。

<html>
    <head>
        <style type="text/css">
        #info{
            display:none;
        }
        </style>
        <script type="text/javascript">
            function showContent(node){
                var odivNode = document.getElementById("info"); 
                with(odivNode.style){
                    if(node.value=="yes"){
                        display="block";
                    }else{
                        display="none";
                    }
                }
            }
        </script>
    </head>
    <body>
        <div>
            是否参与问卷调查？
            <input type="radio" name="wenjuan" value="yes" onclick="showContent(this)"/>是
            <input type="radio" name="wenjuan" value="nos" checked="checked" onclick="showContent(this)" />否
        </div>
        <div id="info">
            姓名：<input type="text"/><br/>
            年龄：<input type="text"/><br/>
            住址：<input type="text"/><br/>
        </div>
        <div></div>
    </body>
</html>

 

以上是关于DOM_radio的主要内容，如果未能解决你的问题，请参考以下文章

VSCode自定义代码片段——CSS选择器

谷歌浏览器调试jsp 引入代码片段，如何调试代码片段中的js

片段和活动之间的核心区别是啥？哪些代码可以写成片段？

VSCode自定义代码片段——.vue文件的模板

VSCode自定义代码片段6——CSS选择器

VSCode自定义代码片段——声明函数