按钮开关盒

Question

在jquery中，我似乎不能让它工作。我使用下面的代码来代替定义每个按钮，但是这不起作用:/

http://jsfiddle.net/pufamuf/FV4jW/1/

另外，我想知道是否/如何为每种情况使用多个语句。谢谢您:)

Answer 1

您需要在语句中的每个 case之后添加一个break。已更新JSFiddle here。

来自Wikipedia

break；是可选的；但是，它通常是必需的，否则代码执行将继续到下一个case块的主体。

将break语句添加到最后一个案例的末尾，作为预防措施，以防以后添加其他案例。

更新的Javascript：

 $("input[type='button']").click(function() {
   switch(this.id) {
     case 'buttonone': $("#content").html("Content changed"); break; //notice BREAK
     case 'buttontwo': $("#content").html("Content changed again"); break;
   }
 });

Answer 2

$("input[type='button']").click(function() {
    switch (this.id) { 
    case 'buttonone':
        $("#content").html("Content changed");
        break;
    case 'buttontwo':
        $("#content").html("Content changed again");
        break;
    }
});

Answer 3

$("input[type='button']").click(function() {
    switch(this.id) {
        case 'buttonone' : 
            $("#content").html("Content changed");
            break;
        case 'buttontwo' : 
            $("#content").html("Content changed again");
            break;
    }
});