我可以将IF语句放入切换用例函数吗？

Question

又是我:)一些乐于助人的成员帮助我使脚本正常工作，但是我遇到了一个砖墙，我想也要有一个IF语句。 看起来像这样：

$(document).ready(function() {
    $("input[type='button']").click(function() {
      switch(this.id) {
        case:'buttonone':
              if( $('#one').attr('readonly')) {

                $("#changeone").attr('value', 'Save');
                $('#one').attr('readonly', false);
                $('#one').addClass('focusField');
                $("#questiononetext").html("When do you want to go out?");

} else {

                $("#changeone").attr('value', 'Change');
                $('#one').attr('readonly', true);
                $('#one').removeClass('focusField');
                $("#questiononetext").html("Date: ");

} break;
        case 'buttontwo': $("#questiononetext").html("Content changed"); break;
        case 'buttonthree': $("#content").html("Content changed again"); break;
      }
    });
});

注意CASE之后的情况：buttonone，我尝试了一个if语句，这破坏了整个脚本。 有谁知道为什么会这样吗？ 谢谢 ：）））

Answer 1

您的switch语句是多余的，唯一的原因是您对多个按钮使用相同的click处理程序，但是它们没有任何共同之处。

相反，您应该具有3个click处理程序：

$('#buttonone').click(function(){
  ...
});

$('#buttontwo').click(function(){
  ...
});

$('#buttonthree').click(function(){
  ...
});

Buttonone的处理程序中的if语句是完全合法的。

Answer 2

不确定“ case：buttonone”中“ case”之后的多余冒号。 请检查

Answer 3

我认为CASE中的IF没问题。 问题可能是$('#one').attr('readonly') 。 使用可以在此处使用data属性。 我测试$('#one').attr('readonly')无法正常工作。