0

（すでに画像をロードしていない限り）画像が正しく表示されないことはわかっていますが、imgurがJSFiddleでうまく再生したくない理由がわかりません。

3つのオプションのラジオボタンを含むいくつかのDiv（それぞれが個別のIDを持つ）があります。div全体を適切なボックスに移動したいと思います。つまり、ユーザーが最初のオプションをクリックすると、ラジオボタン全体が高関心DIVに移動し、3番目をクリックすると、＃lowIに移動し、中央のボタンが元に戻ります。ラジオボタンごとに個別の関数を作成することで機能させることができましたが、親divを適切な場所に移動する[はい]、[OK]、[いいえ]をクリックする3つの関数を作成できるはずです。

これが最新のフィドルです

そして、これが私の弱いjqueryコードです：

$('.no').on("click", function (e) {
    $("label.no").parent().appendTo("#lowI");
    e.preventDefault();
});
4

2 に答える 2

1

ラベルをクリックするのは薄っぺらです。ラジオチェンジイベントを利用します。それははるかに意味的に適切です。

$(document).ready(function(){
   $("input:radio").change(function () {
       var tmp = $(this).parent("div").detach();

       if($(this).val() == "yes"){
           tmp.appendTo('#highI');
       } else if($(this).val() == "ok"){
           tmp.appendTo('#nI');
       } else {
           tmp.appendTo('#lowI');
       }
    });
 });

フィドルも参照してください。元のフィドルではjQueryが有効になっていないため、少し混乱していました。それを含めることを忘れないでください。さもないと何も機能しません！

于 2013-03-11T20:30:18.923 に答える
1

ラジオボタンには、cssプロパティがnoneとして表示されます。したがって、JQueryはそれらのクリックを処理しません。

ラベルのクリックを次のように処理する必要があります

$("label.no").on("click", function (e) {
    $(this).parent().appendTo("#lowI");
    e.preventDefault();
});

EDITは、ラベルにクラスがないと仮定してセレクターを変更しました

于 2013-03-11T20:13:12.403 に答える