jquery檢查收音機是否被選中或是否被檢查

Question

<input type="text" id="textbox"> 
<input type="radio" id="radio1" name="on"> 
<input type="radio" id="radio2" name="off"> 

我只在＃radio1被選中（第一頁面加載）時才需要顯示#textbox。或＃radio2在第一頁加載時被選中，並且用戶點擊＃radio2文本框也應該顯示。

任何建議如何做到這一點？

Answer 1

demo

if($('input#radio1').is(':checked')){ 
    $('#textbox').show(); 
} 

$('input#radio1, input#radio2').on('change',function(){ 
    $('#textbox').show(); 
}); 

Answer 2

如果我得到你想要的東西的權利：

$(function(){ 
    if ($('#radio1').is(':checked')){ // if the radio1 is checked when the page 
     alert($('#textbox').val()); // was loaded, display textbox value 
    } 

    $('#radio2').click(function(){ // When the radio2 is clicked 
     alert($('#textbox').val()); // show textbox value. 
    }); 
}); 

Answer 3

$(function(){ 
    $('#radio1').on('click', function() { 
     if(this.checked) { 
     $('#textbox').show(); 
     } else $('#textbox').hide(); 
    }).click(); // firing a initial click 

    $('#radio2').on('click', function() { 
     $('#textbox').show(); 
    }); 
});