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

回答

相關問題