jQuery + 单选按钮

Question

我有 4 个单选按钮。如果我单击 1 个单选按钮，则应该打开 1 个 div 如果单击第二个单选按钮，则应打开第二个数字...

这是我的单选按钮代码

<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>

现在我想，如果我点击第一个、第二个和第三个单选按钮中的任何 1。那个 div 应该打开其他不

Answer 1

$("#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();
    }
});