-1

4 つのラジオ ボタンがあります。1 つのラジオ ボタンをクリックすると 1 つの div が開き、2 つ目のラジオ ボタンをクリックすると 2 つ目の番号が開きます...

ここにラジオボタンの私のコードがあります

<div class="fLeft">
<div class="clear"><input type="radio" name="ResumeEmail[cv_format]" value="pdf" id="ResumeEmail_cv_format_0"><label for="ResumeEmail_cv_format_0" style="padding-top:0px;">PDF</label></div><br>
<div class="clear"><input type="radio" name="ResumeEmail[cv_format]" value="word" id="ResumeEmail_cv_format_1"><label for="ResumeEmail_cv_format_1" style="padding-top:0px;">WORD</label></div><br>
<div class="clear"><input type="radio" name="ResumeEmail[cv_format]" value="rtf" id="ResumeEmail_cv_format_2"><label for="ResumeEmail_cv_format_2" style="padding-top:0px;">RICH TEXT</label></div><br>
<div class="clear"><input type="radio" name="ResumeEmail[cv_format]" value="custom" id="ResumeEmail_cv_format_3"></div>                                     </div>

答えました

<script type="text/javascript">
$(document).ready(function() {
   // do stuff when DOM is ready
    $('#ResumeEmail_cv_format_0').click(function() {     
        var checked = $(this).attr('checked', true);
        if(checked)
        { 
            $("#view_resume").show();
        }
        else
        { 
            $("#view_resume").hide();
        }
    });
 });
</script>

今、私は最初、2番目、3番目のラジオボタンから任意の1をクリックすると、divが他のものを開くべきではないことを知りたい

4

1 に答える 1

2 
$("#div1").hide();
$("#div2").hide();
$('#radiobutton1').click(function() {     
    var checked = $(this).attr('checked', true);
    if(checked)
    { 
        $("#div1").show();
    }
    else
    { 
        $("#div1").hide();
    }
});
$('#radiobutton2').click(function() {     
    var checked = $(this).attr('checked', true);
    if(checked)
    { 
        $("#div2").show();
    }
    else
    { 
        $("#div2").hide();
    }
});
于 2012-05-10T05:21:20.100 に答える