2 
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;
        }
}

And i call this when i check the box like the following:

<input id="cb0" type="checkbox" onclick="handleCheckBoxEvent(this);">Frist</label>

I can't figure out why the above switch doesn't work ?

Any help will be very appreciated, Thanks in advance.

4

2 回答 2

6 
 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;
    }
}

在第二种情况下，您有一个额外的“：”，可能将其删除，我应该没问题。

对其进行了测试，并且在删除了不必要的“：”之后它可以工作。

于 2013-06-26T18:44:51.387 回答
0

我没有修正你的案例陈述，我走了一个不同的方向。看起来您想根据控件的 id 设置一个值，所以我添加了data-index="0". HTML5 data- 属性真的很方便！

<!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>

http://plnkr.co/edit/ciiXktIfH7PGTiquHi7P

于 2013-06-26T18:57:32.797 回答