为什么我的switch语句不起作用?

时间:2014-01-27 16:18:21

标签: javascript

不知怎的,我认为“this”关键字没有支付对该值的引用。但是你知道我可以使用连续的if / else if语句,它会正常工作。例如,我可以用这种方式编写代码。

if(painStatus == 1) {
    msg.innerHTML = "pain message 1";
}
else if(painStatus == 2) {
    msg.innerHTML = "pain message 2";
}

等等,但是使用switch语句就失败了。我确信这很简单我做得不对。抱歉是个菜鸟。

<head>

    <script type="text/javascript">
    function painLevel(val) {
            var painStatus = document.getElementById("pain_status").innerHTML = val;
            var msg = document.getElementById("painMsg");

            switch (painStatus) {
                case 1:
                    msg.innerHTML = "Pain message 1";
                    break;
                case 2:
                    msg.innerHTML = "Pain message 2";
                    break;
                    .
                    .
                    .
                default:
                    msg.innerHTML = "";

            }
        }

    </script>
</head>
<body>

<p>Please use the bar to select pain level</p>
<p>My Pain Level</p>

    <input type = "range" min="0" max="10" value="1" onchange="painLevel(this.value)" />

        Pain Level = <span id="pain_status">1</span>
        <br /><br />

        <div id="painMsg"> rePain message 1</div>
</body>

1 个答案:

答案 0 :(得分:6)

我相信你只需parseInt喜欢这个

switch (parseInt(painStatus)) {
// As before....
}