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

Question

我已经检查了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();
      });

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