0

首先,我很抱歉,因为我对 Javascript 知之甚少,对 jQuery 更是知之甚少。

我已经能够使用在另一篇文章中找到的解决方案 jQuery 来显示/隐藏特定的 div。我希望做的是添加到此功能以搭载额外的 div。

根据选择的单选按钮,显示“个人”或“联合”会员金额。如果选择了“联合”单选按钮,我还想显示一个额外的 div,“联合信息”。由于页面布局的原因,这两位相关信息位于不同的 div 中,由未包含在函数中的内容分隔。(我正在使用 3rd 方软件,我只能传递一个“其他”数量,所以这似乎是一个解决方案。)

我使用了这个解决方案:

$(function() {
    $("[name=toggler]").click(function(){
            $('.toHide').hide();
            $("#blk-"+$(this).val()).show();
    });
 });

jsFiddle 在这里:http: //jsfiddle.net/DC4jz/

我非常感谢以清晰、简单的语言提供的任何帮助。我不是程序员,也不会在电视上播放,但我确实会为我的非营利组织尽力而为,我喜欢在这里找到的知识深度。谢谢!

4

2 回答 2

0

改变

 <div id="JointInfo" class="toHide" style="display:none">   

 <div id="JointInfo" class="joint-info" style="display:none">   

and then add the following line to the $("[name=toggler]").click(function(){ function

    $('.joint-info').css("display", $(this).val() == "Joint" ? "" : "none");
于 2013-03-22T15:32:53.800 回答
0
$(function() {
    $("[name=toggler]").click(function(){
            $('.toHide').hide();
            $("#blk-"+$(this).val()).show();
        if($("#joint").is(":checked"))
        {
            $("#JointInfo").show();
        } else {
            $("#JointInfo").hide();
        }
    });
 });

Demo http://jsfiddle.net/calder12/DC4jz/1/

于 2013-03-22T15:34:54.307 回答