.is(':checked')不在jquery中工作

时间:2012-05-01 05:58:49

标签: jquery radio

我想要的朋友,当用户选中收音机框时,文本会显示以下是我的代码,您也可以在此处查看我的代码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');
    };

3 个答案:

答案 0 :(得分:1)

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

试试这个

答案 1 :(得分:1)

如果您使用radiobutton并且特定无线电的值很重要,您可以使用此
http://jsfiddle.net/LcEn6/
如果您只想检查其中一个,那么您可以使用哪一个 http://jsfiddle.net/V4W7j/

答案 2 :(得分:0)

您需要添加点击或更改事件才能运行条件

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

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