首页 > 代码库 > DOM_radio

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