是:检查不工作,而使用Jquery 1.7

看看这个简单的代码


HTML

<input type="checkbox" id="check" >&nbsp;<span id="rm">Remember
me</span> <span id="ok">Okay!</span>

CSS

#ok{
position:absolute;
font:italic bold 14px century;
color:green;
margin-left:3px;
margin-top:2px;
display:inline-block;
opacity:0;
}

jQuery的

if($('#check').is(":checked"))
    {
    $("#ok").css("opacity",1);
    }

http://jsfiddle.net/milanshah93/4Hf9T/

当我检查盒子时,它不起作用。


您的复选框未在网页加载时检查。 虽然你可以做这样的事情 -

$("#check").on('change', function () {
    if ($(this).is(":checked")) {
        $("#ok").css("opacity", 1);
    }
    else{
     $("#ok").css("opacity", 0);
    }
});

DEMO


这是一个工作jsfiddle :http://jsfiddle.net/4Hf9T/14/

<input type="checkbox" id="check">&nbsp;<span id="rm">Remember me</span>

<span id="ok">Okay!</span>

JS代码:

$('#check').on('change',function(){
    if(this.checked)
        $("#ok").css("opacity", 1);
    else 
        $("#ok").css("opacity", 0);
});

不,它正在工作,但你的代码不是出于这两个原因。

  • 您在DOM标记上拼写错误的id

  • 你没有事件监听器。 你的代码正在窗口加载运行,并没有检查之后。 你需要添加一个像change一样的绑定。

  • 这里的证明:http://jsfiddle.net/4Hf9T/13/

    $('#check').change(function(){
        if($(this).is(":checked"))
            {
            $("#ok").css("opacity",1);
            }
        else if(!$(this).is(":checked")) // "if" not needed, just showing that you can check if it is not checked.
            {
            $("#ok").css("opacity",0);
            }
    })
    
    链接地址: http://www.djcxy.com/p/55993.html

    上一篇: is :checked not working while using Jquery 1.7

    下一篇: how to find out if a checkbox is checked in jQuery