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>
时间： 2024-11-05 16:11:40

DOM_radio的相关文章