Question

我想在用户选中复选框时执行操作，但我无法让它工作，我做错了什么？

所以基本上，用户进入我的页面，勾选方框，然后弹出警报。

if($("#home").is(":checked"))
{
      alert('');
}

Answer 1

您正在寻找的是一个事件。 JQuery提供了简单的事件绑定方法，如此

$("#home").click(function() {
    // this function will get executed every time the #home element is clicked (or tab-spacebar changed)
    if($(this).is(":checked")) // "this" refers to the element that fired the event
    {
        alert('home is checked');
    }
});

Answer 2

实际上change()函数对于此解决方案要好得多，因为它适用于javascript生成的操作，例如通过脚本选择每个复选框。

$('#home').change(function() {
   if ($(this).is(':checked')) {
      ... 
   } else {
      ...
   }
});

Answer 3

您需要使用此处描述的.click事件：http://docs.jquery.com/Events/click#fn

所以

$("#home").click( function () {
    if($("#home").is(":checked"))
    {
      alert('');
    }
});

Answer 4

$("#home").click(function() {
    var checked=this.checked;
    if(checked==true)
        {
         // Stuff here
        }
    else
        {
        //stuff here
        }
});

Answer 5

$( "#home" ).change(function() {
    if(this.checked){
        alert("The Check-box is Checked"); // Your Code...
    }else{
        alert("The Check-box is Un-Checked"); // Your Code...
    }
});

Answer 6

在某些情况下，当您拥有动态内容时，可以使用以下代码：

$(function() {
  $(document).on('click','#home',function (e) {
    if($(this).is(":checked")){
      alert('Home is checked')
    }else{
      alert('Home is unchecked')
    }
  });
});

使用jQuery检查复选框时如何执行操作？

6 个答案: