使用switch语句和javascript的多个按钮

Multiple buttons using switch statements and javascript

本文关键字：按钮 javascript switch 语句 使用      更新时间：2023-09-26

这是我的脚本.. var 按钮获取按钮的值.. 实际上我有多个具有不同值的按钮..但是当我单击按钮时，不会显示任何内容。就像它根本不起作用一样。我完全困惑>_<</p> 

function button(form)
        {
            var button = form.buttons.value;
            var display;
            switch (button)
            {
                case 'next':
                    {
                        display = "Next!";
                        break;
                    }
                case 'prev':
                    {
                        display = "Previous!";
                        break;
                    }
                case 'home':
                    {
                        display = "Home!";
                        break;
                    }
                case 'back':
                    {
                        display = "Back!";
                        break;
                    }
            }
        }
            document.getElementById("display").innerHTML = display;

这是我的示例按钮..它位于表单标签内，并且有一个id，即表单

            <button value="next" name="buttons" onclick="button(this.form)"> Next</button>

更改此行 var button = form.buttons.value;像这样

function button(form)
            {
                var button = form.value;
                var display;
                switch (button)
                {
                    case 'next':
                        {
                            display = "Next!";
                            break;
                        }
                    case 'prev':
                        {
                            display = "Previous!";
                            break;
                        }
                    case 'home':
                        {
                            display = "Home!";
                            break;
                        }
                    case 'back':
                        {
                            display = "Back!";
                            break;
                        }
                }
            }
                document.getElementById("display").innerHTML = display;

在您的按钮上发送"这个"

 <button value="next" name="buttons" onclick="button(this)"> Next</button>
相关文章：