javascript switch 语句不起作用

Question

您好，我有一个 switch 语句，当情况为 9 或以下时，它工作正常，如下所示

    function checkBoxes(obj) {
            var indx = obj.id.substring(obj.id.length-1, obj.id.length);
            switch ( indx ) {
                case '1':

                    if (document.sportsInfo.Info_1.checked) {

                        document.sportsInfo.Info_2.disabled = true;
                        document.sportsInfo.Info_2.checked = false;                     
                        document.sportsInfo.Info_3.disabled = true;
                        document.sportsInfo.Info_3.checked = false;
                        document.sportsInfo.Info_4.disabled = true;
                        document.sportsInfo.Info_4.checked = false;
                        document.sportsInfo.Info_5.disabled = true;
                        document.sportsInfo.Info_5.checked = false;
                        document.sportsInfo.Info_6.disabled = true;
                        document.sportsInfo.Info_6.checked = false;
                        document.sportsInfo.Info_7.disabled = true;
                        document.sportsInfo.Info_7.checked = false;
                        document.sportsInfo.Info_8.disabled = true;
                        document.sportsInfo.Info_8.checked = false;
                        document.sportsInfo.Info_9.disabled = true;
                        document.sportsInfo.Info_9.checked = false;
                        document.sportsInfo.Info_10.disabled = true;
                        document.sportsInfo.Info_10.checked = false;
                        document.sportsInfo.Info_11.disabled = true;
                        document.sportsInfo.Info_11.checked = false;
                        document.sportsInfo.Info_12.disabled = true;
                        document.sportsInfo.Info_12.checked = false;
                    } 
                    else {
                        document.sportsInfo.Info_2.disabled = false;
                        document.sportsInfo.Info_3.disabled = false;    
                        document.sportsInfo.Info_4.disabled = false;
                        document.sportsInfo.Info_5.disabled = false;
                        document.sportsInfo.Info_6.disabled = false;
                        document.sportsInfo.Info_7.disabled = false;
                        document.sportsInfo.Info_8.disabled = false;    
                        document.sportsInfo.Info_9.disabled = false;
                        document.sportsInfo.Info_10.disabled = false;
                        document.sportsInfo.Info_11.disabled = false;
                        document.sportsInfo.Info_12.disabled = false;
                    }
                    break;

，但当情况为 10 或以上时，它根本不起作用：

    case '10':
                    if (document.sportsInfo.Info_10.checked) {
                        document.sportsInfo.Info_1.disabled = true;
                        document.sportsInfo.Info_1.checked = false;
                        document.sportsInfo.Info_2.disabled = true;
                        document.sportsInfo.Info_2.checked = false;                     
                        document.sportsInfo.Info_3.disabled = true;
                        document.sportsInfo.Info_3.checked = false;
                        document.sportsInfo.Info_4.disabled = true;
                        document.sportsInfo.Info_4.checked = false;
                        document.sportsInfo.Info_5.disabled = true;
                        document.sportsInfo.Info_5.checked = false;
                        document.sportsInfo.Info_6.disabled = true;
                        document.sportsInfo.Info_6.checked = false;
                        document.sportsInfo.Info_7.disabled = true;
                        document.sportsInfo.Info_7.checked = false;

                        document.sportsInfo.Info_8.disabled = true;
                        document.sportsInfo.Info_8.checked = false;
                        document.sportsInfo.Info_9.disabled = true;
                        document.sportsInfo.Info_9.checked = false;

                    } 
                    else {
                        document.sportsInfo.Info_1.disabled = false;
                        document.sportsInfo.Info_2.disabled = false;
                        document.sportsInfo.Info_3.disabled = false;    
                        document.sportsInfo.Info_4.disabled = false;
                        document.sportsInfo.Info_5.disabled = false;
                        document.sportsInfo.Info_6.disabled = false;
                        document.sportsInfo.Info_7.disabled = false;

                        document.sportsInfo.Info_8.disabled = false;
                        document.sportsInfo.Info_9.disabled = false;

                    }
                    break;

如何让情况大于或等于 10 工作？

Answer 1

试试这个正则表达式；它将提取对象 ID 末尾的整个数字字符系列：

var indx = obj.id.match( /([0-9]+)$/ )[ 0 ];

更详细地说，您可以进行检查以确保存在匹配：

var m = obj.id.match( /([0-9]+)$/ );

if ( m.length == 0 )
    return;

var indx = m[ 0 ];

Answer 2

我知道这与上面所说的初始问题不同，该问题使用字符串类型变体作为 switch 语句的参数，但我想在这里发布一个“陷阱”，因为它与“javascript”相同switch 语句不起作用”。

我想要介绍的场景是当您尝试使用数字类型变体作为 switch 语句的参数时。您可能会遇到一种奇怪的情况，即使您将变体转换为数字，它仍然不会注册为数字。

看一下这个场景：

var intCase = document.getElementById("somePageElementWithANumericValue").value;

intCase = new Number(intCase); //This is supposed to be a number now...

switch(intCase)
{
    case 0:
        alert("Case 0");
        break;

    case 1:
        alert("Case 1");
        break;

    case 2:
        alert("Case 2");
        break;

    default:
                          //But this is what will execute
        alert("Unexpected case? --> [" + intCase + "]");
        break;
}

因此，解决这种情况的方法是采用转换后的变体并通过强制其为数字来进行一点欺骗。只需添加零即可，现在它明确是一个数字。

intCase = new Number(intCase) + 0; //This is like type casting

这是我最近遇到的情况，直到我执行“类型转换”技巧之前，我根本无法让该脚本工作。我不明白为什么 Number 类未能完成其工作，但至少有解决办法。

现在我确信有人从未遇到过这样的问题。我只能说这可能不是每个人的问题，但我知道这些奇怪的问题确实会发生。由于 JavaScript 是一种脚本语言并且它不是强类型的，所以我预计会发生此类问题。 VBScript 也好不到哪里去，我见过它做了一些非常非常令人难以置信的坏事，例如评估一个显然是 true 与 false 的 if 语句。

Answer 3

该问题是由于您使用了 substring() 造成的。

Answer 4

使用：

var indx = obj.id.match( /\d+$/ )[0];

查找您的索引。
正则表达式匹配字符串末尾的一个或多个数字。

Answer 5

您的子字符串始终只有一个字符长：

substring(obj.id.length-1, obj.id.length)

顺便说一下：如果您想禁用除选中复选框之外的所有其他复选框，您可以执行以下操作：

function checkBoxes(elem) {
    if (elem.checked) {
        for (var i=1; i<=12; i++) {
            if ("Info_"+i == elem.id) continue;
            document.sportsInfo["Info_"+i].disabled = true;
            document.sportsInfo["Info_"+i].checked = false;
        }
    } else {
        for (var i=1; i<=12; i++) {
            if ("Info_"+i == elem.id) continue;
            document.sportsInfo["Info_"+i].disabled = false;
        }
    }
}

Answer 6

obj.id.substring(obj.id.length-1, obj.id.length);

此代码仅检索子字符串的最后 1 个字符，因此不适用于两位数字。解决此问题的最简单方法是让它采用最后两个字符，并更改选项 <10，以便它们为“Info_01”、“Info_02”、“Info_03”等。

Answer 7

您有一个子字符串保证返回 1 个且仅返回 1 个字符。总是。

var s = "sample";
s.substring(s.length-1,s.length);

将始终返回“e”。

修复你的子串，你就会好的。