jquery - .is（'：checked'）がjqueryで機能しない

Question

こんにちは友人ユーザーがラジオボックスをチェックすると、テキストが次のように表示されます私のコードですここで私のコードをチェックすることもできますhttp://jsfiddle.net/mY4N5/

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

Answer 1

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

これを試して

Answer 2

ラジオボタンを使用していて、特定のラジオの値が重要な場合は、これを使用できます
http://jsfiddle.net/LcEn6/
そのうちの1つだけをチェックして、どれを使用できるかは関係ありません。
http://jsfiddle.net/V4W7j/

Answer 3

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

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

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