警报不起作用

Alert is not working

本文关键字：不起作用      更新时间：2023-09-26

我真的不明白为什么警报不起作用这是我的网页

<div class='main'>
    <div class="head">
        <div class="check">
            <label for="">
                <input type="checkbox" class="myinput large" id="click" />
            </label>
        </div>
        <div class="logo">
            <h1>DEMO</h1>
            <p></p>
        </div>
    </div>
</div>

这是我的 JS

$('#click').click(function () {
    $("#app").fadeToggle(this.checked);
    if($("#app").is(' :checked')){
    alert('hi')
    }
});

小提琴

你应该使用$(this)而不是$("#app") 

if($(this).is(':checked')){
   alert('hi')
}

您的选择器错误。 试试这个：

if ($('#click').is(':checked')) {

似乎有一些问题，但主要是 if 上的选择器不正确。看看你的JSBIN，$（'#app'）淡入淡出确实有一个元素可以操作，所以我相信你已经很好了。试试这个：

$('#click').click(function () {
    $("#app").fadeToggle(this.checked);
    if($(this).is(' :checked')){
        alert('hi')
    }
});

你的条件是错误的： 

$('#click').click(function () {
  $("#app").fadeToggle(this.checked);
  if($(this).is(':checked')){
     alert('hi')
  }
});

如果要检查应用程序，请使用此条件：

if($("#app").is(':visible')){
     alert('hi')
  }
修改了

你的小提琴：http://jsfiddle.net/5udtC/7505/

变化： 

$('#click').click(function () {
    $("#app").fadeToggle(this.checked);
    if($("#click").is(' :checked')){
    alert('hi');
    }
});
相关文章：