2012-04-23 41 views
0

我具有兩個單選按鈕,Jquery的用於保持在單選按鈕選中的值現在

<div class="class1"> 
<span><input name="chk1" type="radio" checked="checked" id="check1"/>Option 1</span> 
<span><input name="chk2" type="radio" id="check2"/>Option 2</span> 
</div> 

,我顯示使用jquery當用ID CHECK1的單選按鈕被cliked一個隱藏的div和隱藏同一div點擊一個ID CHECK2的單選按鈕時,這裏是該代碼,

$(document).ready(function(){ 
    $("#check1").click(function(){ 
              $("#detail").slideDown("slow"); 
    }); 


    $("#check2").click(function(){ 
              $("#detail").slideUp("slow"); 
    }) 
}); 

我的問題是,當點擊ID CHECK1時(神便顯示)和值被髮送到服務器和當返回到同一頁面時,div沒有顯示,即使opti在check1被點擊。有沒有其他的方式來保留使用attr的div:checked或者其他東西?感謝您的幫助......

回答

0
$(document).ready(function(){ 
    if ($("#check1:checked").length) { 
     $("#detail").slideDown("slow"); 
    } 

    $("#check1").click(function(){ 
     $("#detail").slideDown("slow"); 
    }); 


    $("#check2").click(function(){ 
     $("#detail").slideUp("slow"); 
    }) 
}); 
+0

感謝。這工作正常... – steeve 2012-04-24 05:06:28

1

檢查在線工作演示http://jsfiddle.net/kbsYS/ ..我想這是你真正想要的東西

jQuery代碼是正確的..問題是你HTML你應該使用相同的名稱單選框

HTML

<div class="class1"> 
<span><input name="chk1" type="radio" checked="checked" id="check1"/>Option 1</span> 
<span><input name="chk1" type="radio" id="check2"/>Option 2</span> 
</div>