Question

我正在尝试使用 jquery 检查框是否已选中。它没有用，但我不明白为什么。

如果我刷新页面并保持复选框检查，那么它将回显警报。

＆＃13;

if($("#faith").is(':checked')){
    alert('hello');
}
if($("#diet").is(':checked')){
    alert('hello');
}

＆＃13;

<input type="checkbox" name="cureway" id="faith" value="faith" /><label for="faith">My faith</label>
<input type="checkbox" name="cureway" id="diet" value="diet"  /><label for="diet">My diet</label>
<input type="checkbox" name="cureway" id="exer" value="exer" /><label for="exer">My excercise</label>

＆＃13;

Answer 1

尝试使用此代码

$(function(){
    $('input').on('click', function(){
    if($("#faith").is(':checked')){
    alert('hello');
    }
    if($("#diet").is(':checked')){
    alert('hello');
    }
       })
})

Answer 2

我认为你正在寻找这个

$('input[type="checkbox"]').on('change', function() {
    if($("#faith").is(':checked')){
      alert('hello');
    }
    if($("#diet").is(':checked')){  
      alert('hello');
    }
});

Here是小提琴。

https://jsfiddle.net/rrehan/sfo45mpb/1/

Answer 3

$('input[type="checkbox"]').on('change', function() {
  if($("#faith").is(':checked')){
    alert('faith checked');
   }
   if($("#diet").is(':checked')){  
    alert('diet checked');
   }
});

Demo

希望这有帮助

Answer 4

试试这个，

的Javascript

$(document).ready(function(){
    $(".checker").change(function() {
        if ($("#faith").is(':checked')) {
            alert('hello');
        }
        if ($("#diet").is(':checked')) {
            alert('hello again');
        }
        if ($("#exer").is(':checked')) {
            alert('hello again too');
        }
    });
});

HTML

<input type="checkbox" name="cureway" id="faith" value="faith" class="checker" />
<label for="faith">My faith</label>
<input type="checkbox" name="cureway" id="diet" value="diet" class="checker" />
<label for="diet">My diet</label>
<input type="checkbox" name="cureway" id="exer" value="exer" class="checker" />
<label for="exer">My excercise</label>

在复选框中添加了一个类。

https://jsfiddle.net/17m8wkwf/

检查是否复选框：检查不起作用，为什么，jquery？

4 个答案: