Jquery的单选按钮没有显示选定的div

我使用jQuery来显示被选择后，DIV是商店数据库Jquery的单选按钮没有显示选定的div

<script type="text/javascript"> 
    jQuery(document).ready(function(){ 

     jQuery("input[name$='advert_specifications[link_type]']").click(function(){ 

      var radio_value = jQuery(this).val(); 

      if(radio_value=='advert_page') { 
       jQuery("#urlbox").hide('fast'); 
      } 
      else if(radio_value=='external_link') { 
       jQuery("#urlbox").show('fast'); 
      } 
     }); 

     jQuery("#urlbox").hide(); 

    }); 
</script> 



<div class="my_meta_control"> 

    <!--[advert link type group]--> 
    <div class="left side clearfix"> 
     <label class="left sub_label"><input type="radio" value="advert_page" name="advert_specifications[link_type]"> Page Link</label>   
     <label class="left sub_label"><input type="radio" checked="checked" value="external_link" name="advert_specifications[link_type]"> External Link</label> 
    </div> 
    <!--[end of advert link type group]--> 

    <div id="urlbox" style="display: none;">    
     <p class="sidebox clearform"> 
      <label>Advert External Link</label>  
      <input type="text" class="mydatepicker" value="" name="advert_specifications[advert_url]" id="advertdate"> 
     </p> 
    </div> 

</div>

这是工作的罚款上点击功能，但一旦我选择外部链接电台并保存到数据库比重新打开帖子比#urlbox始终隐藏在应该可见的位置，如果选择了外部链接单选按钮。

编辑：

我想这个代码，它做同样的事情躲在负载

jQuery(document).ready(function() { 
    jQuery("div.links").hide(); 
    jQuery("input[name$='advert_specifications[link_type]']").click(function() { 
     var test = jQuery(this).val(); 
     jQuery("div.links").hide(); 
     jQuery("#" + test).show(); 
    }); 
});

来源

2012-10-09 Code Lover

是的，这是WordPress邮寄metabox。所以一旦我选择外部链接，如果我再次打开该帖子编辑比其他人#urlbox div我发现隐藏，所以需要再次单击外部链接单选按钮来显示它....我使用WPAlchemy metabox http：// www.farinspace.com/wpalchemy-metabox/。 –

正如我在你的主脚本中隐藏的主要块。虽然它不需要，因为你正在读取在你的标记中不显示任何内容。

请检查的jsfiddle链接

DEMO

http://jsfiddle.net/saorabhkr/DFPAX/

来源

2012-10-09 08:25:36 Soarabh

哇！这是我正在寻找的。非常感谢 –

-1

# + test DIV这将是永远隐藏，因为你所编写的代码隐藏盒（#urlbox ）在脚本标记的第二行中。当页面加载时，它将始终执行。

来源

2012-10-09 07:53:07 Alok

我知道我的代码有问题，这就是我在这里发布的原因。 –

你可以做一件事，你保持你点击外部链接收音机后进入页面，所以当你这样来的时候，你在脚本代码中添加这个条件，然后根据这个条件显示。 – Alok

请检查我编辑的新代码 –

Jquery的单选按钮没有显示选定的div

回答

相关问题