Javascript 按钮开关箱

我似乎无法在jquery中实现这一点。我使用此代码作为必须定义每个按钮的替代方案，但是这不起作用：/

---

另外，我想知道我是否/如何能对每个案例使用多个语句。谢谢：）

您需要在switch语句中的每个案例之后添加一个中断。更新的JSFIDLE

发件人：

中断；是可选的；然而，这通常是需要的，因为否则代码执行将继续到下一个case块的主体

在最后一个案例末尾添加中断声明，作为预防措施，以防以后添加其他案例

更新的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;
   }
 });

---

您忘记了每个案例后的

中断

，在结尾处有一个额外的

）

，您还需要使用

$（this.attr（'id'）

而不是

this.id
this.id
比
$（this.attr（'id'）
更快，可读性更强。谢谢Abdullah，这也澄清了我关于使用更多语句的问题：）我很感谢你的时间！非常感谢你！我真的很感激：）
$("input[type='button']").click(function() {
    switch (this.id) { 
    case 'buttonone':
        $("#content").html("Content changed");
        break;
    case 'buttontwo':
        $("#content").html("Content changed again");
        break;
    }
});

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

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