Question

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

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

Answer 1

您需要在开关语句中的每个案例后添加中断。更新了JSFiddle here。

中断;是可选的;但是，通常需要它，因为否则代码执行将继续到下一个案例块的主体。

在最后一个案例的末尾添加一个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;
    }
});

Answer 4

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

您在每个案例后忘记了break，最后还有)}，而且您需要使用$(this).attr('id')代替this.id

按钮开关盒

4 个答案: