jquery - 根据单选按钮单击显示和隐藏 div

Question

我已经检查了基于单选按钮 click 的显示和隐藏 div，但我的代码仍然不起作用。除非单击“package_1”，否则基本上 div 标签将被隐藏

    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();
      });

Answer 1

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

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

Answer 2

你缺少引号

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

 )};

尝试这个。

Answer 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();
     });