根据单选按钮单击显示和隐藏 div [关闭]答案

【问题标题】：show and hide divs based on radio button click [closed]根据单选按钮单击显示和隐藏 div [关闭]
【发布时间】：2013-05-17 21:12:21
【问题描述】：

我检查了show and hide divs based on radio button click，但我的代码仍然不起作用。基本上 div 标签会被隐藏，除非点击“package_1”

    HTML is like this:
   <table><tr><td>
    <input type="radio" name="cars" id="Package_1"  />
    <input type="radio" name="cars" id="Package_2"/> 
   </td></tr></table>   
    <div class="package_extension"></div>  

   JQuery below:  

    $(".package_extension").hide();
    $("#Package_1").click(function(){
       $(".package_extension").show();
      });

【问题讨论】：

您缺少引号。
这可能对fiddle有帮助
您的 JavaScript 可能需要包装在 DOM 就绪事件中。
是的，它现在在 DOM 中。谢谢！
不知道为什么这个关了。这个问题与一大群人相关，给出的答案非常有帮助

标签： jquery radio

【解决方案1】：

你的 jquery 应该是这样的，你错过了引号和括号的位置错误

 $(".package_extension").hide();
 $("#Package_1").click(function(){
     $(".package_extension").show();
 });

【讨论】：

感谢编辑，但还是不行……
你把javascript代码放在script标签里面了吗？
是的。它有效，我忘了输入一个;....谢谢！

【解决方案2】：

你缺少引号

$('.package_extension').hide();
 $('#Package_1').click(function(){
 $('.package_extension').show();

 )};

试试这个。

【讨论】：

它也不起作用。

【解决方案3】：

请看http://jsfiddle.net/2dJAN/46/

<table><tr><td>
    <input type="radio" name="cars" id="Package_1"  />
    <input type="radio" name="cars" id="Package_2"/> 
   </td></tr></table>   
    <div class="package_extension"> package_extension </div>  

$(".package_extension").hide();
     $("#Package_1").click(function(){
         $(".package_extension").show();
     });

【讨论】：