0

jqueryとcssでドレスアップした形でラジオを持っています。今はもっとjqueryをしたいのですが、両方のコードを実行すると、ラジオが選択されるとliが閉じません。ラジオ ビットをクリックすると、li が閉じます。また、次のことを行うように指示する必要があります。input=name"radio_selected" を使用して、ラジオで選択されたラジオ スワップを取得します。非表示の Li で選択されたラジオが非表示の Li の外に移動し、位置がページ上で非表示になっていないものと交換されるようにします。

    $("input[name='domain_ext']").each(function() {
        $("#radio_select").attr('checked', 'checked');
        var lbl = $(this).parent("label").text();
        if  ($(this).prop('checked')) {
            $(this).hide();
            $(this).after("<div class='radioButtonOn'>" + lbl + "</div>");
        } else { 
            $(this).hide();
            $(this).after("<div class='radioButtonOff'>" + lbl + "</div>");
        }
    });

    $("input[type=radio]").change(function() {
        $(this).siblings('.radioButtonOff').add('.radioButtonOn').toggleClass('radioButtonOff radioButtonOn');
    });



   $('div.ribbonBoxarrow').click(function() {
            $('.ribbonBoxarrow li').show('medium');
            return false;
        });
// once you leave the div (which is contained in the above li hide.
        $('.ribbonBoxtab').mouseleave(function() {
            $('.ribbonBoxarrow li').hide('slow'); //missing .
            return false;
        });
//if a radio buttn is clicked the hide li
        $("input[name='domain_ext']").click(function() { //changed .each to .click
            $('.ribbonBoxarrow li').hide('slow'); //missing .
            return false;
        });
4

1 に答える 1

1 
$("input[name='domain_ext']").each(function() {
        $("#radio_select").attr('checked', 'checked');
        var lbl = $(this).parent("label").text();
        if  ($(this).prop('checked')) {
            $(this).hide();
            $(this).after("<div class='radioButtonOn'>" + lbl + "</div>");
        } else { 
            $(this).hide();
            $(this).after("<div class='radioButtonOff'>" + lbl + "</div>");
        }
    });

    $("input[type=radio]").change(function() {
        $(this).siblings('.radioButtonOff').add('.radioButtonOn').toggleClass('radioButtonOff radioButtonOn');
    });



   $('div.ribbonBoxarrow').click(function() {
            $('.ribbonBoxarrow li').show('medium');
            return false;
        });
// once you leave the div (which is contained in the above li hide.
        $('.ribbonBoxtab').mouseleave(function() {
            $('.ribbonBoxarrow li').hide('slow'); //missing .
            return false;
        });
//if a radio buttn is clicked the hide li
        $("input[name='domain_ext']").parent('label').click(function() { //changed .each to .click
            $('.ribbonBoxarrow li').hide('slow'); //missing .
            return false;
        });
于 2013-03-15T02:05:55.263 に答える