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

ケースの後ろにあるもの：buttonone、if文を試したところ、スクリプト全体が壊れていました。誰がなぜこのようなことが起こるかについてのアイデアはありますか？ありがとうございました:)））

Answer 1

"case：buttonone"の "case"の後ろに余分なコロンはありませんか。確認してください

Answer 2

switch文は重複しています。複数のボタンに対して同じclickハンドラを使用していますが、共通点はありません。

代わりに、3件のclickハンドラが必要です。

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

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

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

をそしてbuttononeのハンドラ内if文は完全に正当なものです。

Answer 3

私はCASE内に問題はないと思います。問題は$('#one').attr('readonly')です。ここでdataプロパティを使用できます。私は$('#one').attr('readonly')が動作していないことをテストします。