3

我一直无法找到有用的东西或做我正在寻找的东西。我正在尝试根据选择的是或否单选按钮来切换隐藏/显示 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 是否无效。我不确定我错过了什么,但如果有人能提供帮助,我将不胜感激!提前致谢!

4

2 回答 2

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

小提琴

于 2013-07-03T14:48:50.283 回答
3

尝试:

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

jsFiddle 示例

于 2013-07-03T14:47:59.750 回答