javascript问题包含许多页中划分的复选框_Javascript

javascript问题包含许多页中划分的复选框

javascript

javascript问题包含许多页中划分的复选框,javascript,Javascript,我正在用javascript制作一份带有复选框的调查问卷。复选框的总数超过50个，因此我将在5页5页上显示它们，每页有10个复选框我需要的是：一个漂亮的页面幻灯片，没有刷新示例：用户将得到一个带有10个复选框的问题，选择它们后，他将转到另一个带有更多复选框的页面。祝你好运！我能告诉你我需要什么吗？raspberry pi摄像头的Java API感谢您的时间： <!doctype html> <html> <head> <ti

我正在用javascript制作一份带有复选框的调查问卷。复选框的总数超过50个，因此我将在5页5页上显示它们，每页有10个复选框

我需要的是：一个漂亮的页面幻灯片，没有刷新

示例：用户将得到一个带有10个复选框的问题，选择它们后，他将转到另一个带有更多复选框的页面。

祝你好运！我能告诉你我需要什么吗？raspberry pi摄像头的Java API感谢您的时间：

<!doctype html>
<html>
    <head>
        <title>
            Test
        </title>
        <style type='text/css'>
            div.visible { display:block; }
            div.hidden { display:none; }
        </style>
        <script type='text/javascript'>
            function NextDiv (newDivID) {
                var divs = document.getElementsByTagName('div');
                for (var i in divs) {
                    divs[i].className = 'hidden';
                }
                document.getElementById(newDivID).className = 'visible';
            }
        </script>
    </head>
    <body >
        <form method='post' action='' onsubmit='alert ("Where to send this data?"); return false;'>
            <div id='div1' class='visible'>
                <h2> page 1</h2>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='button' onclick='NextDiv("div2");' value='next'>
            </div>
            <div id='div2' class='hidden'>
                <h2> page 2</h2>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='button' onclick='NextDiv("div3");' value='next'>
            </div>
            <div id='div3' class='hidden'>
                <h2> page 3</h2>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='button' onclick='NextDiv("div4");' value='next'>
            </div>
            <div id='div4' class='hidden'>
                <h2> page 4</h2>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='button' onclick='NextDiv("div5");' value='next'>
            </div>
            <div id='div5' class='hidden'>
                <h2> page 5</h2>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='checkbox'>
                <input type='submit'>
            </div>
        </form>
    </body>
</html>