2012-05-12 14 views
-2
<input type="text" id="textbox"> 
<input type="radio" id="radio1" name="on"> 
<input type="radio" id="radio2" name="off"> 

#radio1が選択されている場合(最初のページロード)に限り#textboxを表示する必要があります。または、最初のページの読み込みで#radio2が選択され、ユーザーが#radio2をクリックするとテキストボックスも表示されます。ラジオがチェックされているかどうかを確認する場合はjqueryチェック

どのようにすればいいですか?私はあなたが右の欲しいもの

+1

あなた 'は、第1のページのロード?' *意味どのように*通常、複数のページのロードがありますか? :) –

+0

私はあなたの質問を理解しているのか分かりませんが、もう少し説明できますか? – gdoron

+0

いつテキストボックスを非表示にしますか? –

答えて

1

demo

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

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

を得た場合:

$(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. 
    }); 
}); 
+0

私はテキストボックスを隠したり表示したりしたかったのですが、ありがとう、私はここから自分でやることができます。役に立った – domino

+0

@domino。 OK、あなたは自分の答えを編集することができます。 – gdoron

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

    $('#radio2').on('click', function() { 
     $('#textbox').show(); 
    }); 
}); 
関連する問題