jquery - ラジオがチェックされているかどうか、またはチェックされているかどうかを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

デモ

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