Fatal编程技术网

打开javascript don'；不行？

javascript checkbox

打开javascript don'；不行？,javascript,checkbox,switch-statement,Javascript,Checkbox,Switch Statement,当我勾选下面的复选框时，我称之为： function handleCheckBoxEvent(cb){ var index = 0; switch (cb.id){ case "cb0": index = 0; alert(cb.id); break; case: "cb1":

当我勾选下面的复选框时，我称之为：

function handleCheckBoxEvent(cb){               
        var index = 0;
        switch (cb.id){
            case "cb0":
                index = 0;
                alert(cb.id);
                break;
            case: "cb1":
                index = 1;
                alert(cb.id);
                break;
        }
}

first
我不明白为什么上面的开关不工作

任何帮助都将不胜感激，提前谢谢

<input id="cb0" type="checkbox" onclick="handleCheckBoxEvent(this);">Frist</label>
你有一个额外的“：”在第二种情况下，可能会删除它，我会没事的

测试了它，在移除了不必要的东西之后：“它工作了。

我没有修复你的案例陈述，我走了一个不同的方向。看起来您希望根据控件的id设置一个值，因此我添加了
data index=“0”
。HTML5的数据属性非常方便

 function handleCheckBoxEvent(cb){               
    var index = 0;
    switch (cb.id){
        case "cb0":
            index = 0;
            alert(cb.id);
            break;
        case**:** "cb1":
            index = 1;
            alert(cb.id);
            break;
    }
}


HandleCheckBox=功能（cb）{
id=cb.getAttribute（“数据索引”）；
console.log（“ID为：”+ID）；
}      
你好，普朗克！
弗里斯特

它以什么方式不工作？它没有输出任何东西。我认为switch语句中的问题，因为当使用if语句时，它的工作原理是：if（cb.id==“cb0”）ya也就是说，谢谢。但是有没有好的IDE可以让我看到这些简单的错误，我忘记了，我只是在使用Sublime，我想要一个真正的用于javascript和调试php的IDE？谢谢。我也使用Sublime，对于php，有phplint工具。我不会用Javascript编写太多程序，但也可能有。如果你想要一个“真正的”IDE，你可以使用Eclipse。我喜欢这个，并且有一个PHP版本，你也应该考虑Fibug。Firebug指出了额外的“：”。你不需要萤火虫，但我喜欢。但是大多数浏览器都有内置的web开发者工具来展示这类东西。不过Webstorm是一个付费的程序。它不应该阻止你，它看起来很神奇，但我提到的那些是免费的：）没错，但它很便宜。崇高也不是免费的。Eclipse有一条学习曲线（和配置曲线！），远远超过了您节省的资金。我花了几个小时试图让NodeJS应用程序在Eclipse中打开，但没有出现一个神秘的错误，于是放弃了。 
<!DOCTYPE html>
<html>    
  <head>
    <link rel="stylesheet" href="style.css">
    <script src="script.js"></script>
     <script> 
    handleCheckBoxEvent = function (cb){
      id =cb.getAttribute("data-index"); 
        console.log("ID is: " + id);                  
    }      
  </script>       
  </head>

  <body>
    <h1>Hello Plunker!</h1>        
    <input id="cb0" data-index="0" type="checkbox" onclick="handleCheckBoxEvent(this);">Frist</label>
      </body>     
</html>