使用switch语句和javascript

时间:2016-01-19 02:08:45

标签: javascript html button

这是我的脚本.. var按钮获取按钮的值..实际上我有多个按钮具有不同的值..但是当我单击按钮时,什么都不会显示...就像它根本不起作用。我完全糊涂了> _<

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>

1 个答案:

答案 0 :(得分:0)

更改此行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;

并在您的按钮上发送&#34;此&#34;

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