jquery - 根据单选按钮显示隐藏字段

Question

我正在尝试让隐藏的文本字段在单击单选按钮时显示。

我是 jQuery 的新手，一直在查看不同的代码示例和教程，但它们在 jQuery 的不同版本中都略有不同，并且对我的代码中哪些是新的、哪些是旧的感到困惑。有些人建议进行更改，另一些人则点击(这对我来说更有意义，但我可能完全错了)。

这是我的代码的一部分:

一、形式:

Are you eighteen or above?<br/>
<input type="radio" id="age" name="age" value="yes"/>Yes<br/>
<input type="radio" id="age" name="age" value="no"/>No<br/><br/>

<!-- if no is selected the below text form shall appear -->     
<div id="agetext">
    If no, please tell us your date of birth:<br/>
    <textarea id="age" name="agetext" rows="5" cols="40"></textarea><br/><br/>
</div>

其次，脚本(位于 head 标签中):

$(document).ready(function() 
{
    $("#agetext").hide();
    $("#agetextgo").click(function() 
    {
        if ( $('input[name="age"]:checked').val() == "no")
        {
            $("#agetext").show();
        }
        else ( $('input[name="age"]:checked').click() == "yes")
            $("#agetext").hide();
    });

Answer 1

这样做:-

$("#agetext").hide();
$("input[name=age]").click(function() 
    {
        if ( $("#age1").attr('checked'))
            $("#agetext").hide();
        else
            $("#agetext").show();
    });

LIVE DEMO