javascript - 在单选选项中隐藏/显示 Div

Question

我想隐藏/显示基于单选的 div。

-在页面加载时，div 被隐藏并选择单选“yes”。

-如果用户选择单选“否”，则会出现 div。

-如果用户重新选中"is"，div 将再次隐藏。

有人可以告诉我这是如何工作的吗？

HTML:

<table width="450px" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td width="200px" style="padding-top:3px; padding-left:3px;"><strong>Deliver Immediately?</strong>
    <input type="radio" name="imm" id="delivernow" checked="true" />Yes
    <input type="radio" name="imm" id="deliverlater" />No
    </td>   
    <td width="140px">       
            <div name="datediv">
                <label for="date">Select date:</label>
                <input type="Text" id="date" maxlength="25" size="25"/>
                <img src="images/cal.gif" onclick="javascript:NewCssCal('date','ddMMyyyy','arrow',true,'12','','future')" style="cursor:pointer"/>
            </div>
    </td>       
    </tr>
</table

Answer 1

有这样的事吗？您需要加载 jQuery。

$(function(){
    $("div[name='datediv']").hide();
    $("#delivernow").add("#deliverlater").change(function(){
        $("div[name='datediv']").fadeToggle();
    });

});