2012-05-01 3 views
1

こんにちは友人は、私のコードで、あなたもここhttp://jsfiddle.net/mY4N5/.is(「:チェックする」)jqueryの中で働いていない私は、ユーザーがラジオボックスをチェックすると、テキストには、以下の表示されたい

を私のコードを確認することができますHTML

<form id="form1" name="form1" method="post" action=""> 
    <label> 
    <input name="radiobutton" type="radio" value="radiobutton" id="red"/> 
    </label> 
</form> 
<div id="dis"> 
hi 

</div> 

スクリプト

$('#dis').css('display','none'); 

    if($('#red').is(':checked')) 
    { 
    $('#dis').css('display','block'); 
    } 
    else 
    { 
     $('#dis').css('display','none'); 
    }; 
+1

クリックイベントを使用しましたか? – sujal

+0

ページが読み込まれたときに初期化したい場合は、 'ready'関数に入れます。アクティブな変更に基づいて更新する場合は、ロジックをchangeイベントに関連付けます。http://jsfiddle.net/mY4N5/1/ – rkw

答えて

0

あなたが条件を実行するために、クリックを追加したり、イベントを変更する必要が

$('#dis').css('display','none'); 

$('#red').click(function() { 
    if($(this).is(':checked')) 
    { 
     $('#dis').css('display','block'); 
    } 
    else 
    { 
     $('#dis').css('display','none'); 
    }; 
}); 
1
$(function(){ 
    $('#dis').css('display','none'); 
     $('#red').click(function(){ 
      if($('#red').is(':checked')) 
      { 
       $('#dis').css('display','block'); 
      } 
      else 
      { 
       $('#dis').css('display','none'); 
      }; 
     }); 
    }) ; 

あなたがラジオボタンを使用して、特定の無線の値が重要である場合は、単にそれらの一つチェックしていない母校何を持っているしたい場合は、この
http://jsfiddle.net/LcEn6/
を使用することができ、この

関連する問題