在 javascript/jquery 中选择是或否单选时如何滑动切换 div答案

【问题标题】：How do you slidetoggle a div while a yes or no radio is selected in javascript/jquery在 javascript/jquery 中选择是或否单选时如何滑动切换 div
【发布时间】：2013-07-03 22:48:50
【问题描述】：

我无法找到有效或符合我要求的东西。我正在尝试根据选择的是或否单选按钮来切换隐藏/显示 div。我有以下 html

    <input type="radio" id="yes" name="radio" value="1" /> Yes
    <input type="radio" id="no" name="radio" value="2" /> No
    <div id="more_questions">Data</div>

表单标签中的这段代码前后还有很多内容，但这是重点。 Javascript/jQuery 是

$("#yes").click(function(){
    if($("#yes").is(':checked')){
        $("#more_questions").slideToggle();
    }
});

我还尝试检查 #yes.checked == true 是否无效。我不确定我错过了什么，但如果有人能提供帮助，我将不胜感激！提前致谢！

【问题讨论】：

标签： javascript jquery html radio-button slidetoggle

【解决方案1】：

$("input[name=radio]").on('change', function(){
    $("#more_questions")[this.id=='yes'?'slideDown':'slideUp']();
});

FIDDLE

【讨论】：

这似乎更具体到给定的单选按钮。当有超过 2 个单选按钮时很有帮助。谢谢j08691和adeno的回答！两个答案都很好！

【解决方案2】：

试试：

$("input[name=radio]").click(function () {
    if ($("input[name=radio]:checked").val() == '1') {
        $("#more_questions").slideDown();
    } else {
        $("#more_questions").slideUp();
    }
});

jsFiddle example

【讨论】：