Jquery 自定义复选框：如何检查复选框是否选中

我已使用此选项设置了自定义复选框：

也可在stackoverflow上使用：

但我正在尝试检查复选框是否为交叉检查，但我失败了，因为bcz jquery没有显示任何内容

$（文档）.ready（函数（）{
var ckbox=$（'demo_box_2'）；
$（'demo_box_2'）。在（'click'，函数（）{
if（ckbox.is（':checked'））{
警报（“您已经检查过了”）；
}否则{
警报（“您取消了检查”）；
}
});
});
input[type=checkbox].css复选框{位置：绝对；溢出：隐藏；剪辑：rect（0）；高度：1px；宽度：1px；边距：-1px；填充：0；边框：0；}
输入[type=checkbox].css checkbox+label.css-label{左侧填充：20px；高度：15px；显示：内联块；行高：15px；背景重复：不重复；背景位置：0 0；字体大小：15px；垂直对齐：中间；光标：指针；}
输入[type=checkbox].css复选框：checked+label.css-label{背景位置：0-15px；}.css标签{背景图像：url(http://csscheckbox.com/checkboxes/lite-x-red.png)；}

选定选项
您的代码正在运行，尽管我做了一些更改，但使用了
$（this）
而不是
id
选择器


$（文档）.ready（函数（）{
$（'demo_box_2'）。在（'click'，函数（）{
如果（$（this）.is（':checked'））{
警报（“您已经检查过了”）；
}否则{
警报（“您取消了检查”）；
}
});
});
input[type=checkbox].css复选框{位置：绝对；溢出：隐藏；剪辑：rect（0）；高度：1px；宽度：1px；边距：-1px；填充：0；边框：0；}
输入[type=checkbox].css checkbox+label.css-label{左侧填充：20px；高度：15px；显示：内联块；行高：15px；背景重复：不重复；背景位置：0 0；字体大小：15px；垂直对齐：中间；光标：指针；}
输入[type=checkbox].css复选框：checked+label.css-label{背景位置：0-15px；}.css标签{背景图像：url(http://csscheckbox.com/checkboxes/lite-x-red.png)；}

选定选项
您的代码正在运行，尽管我做了一些更改，但使用了
$（this）
而不是
id
选择器


$（文档）.ready（函数（）{
$（'demo_box_2'）。在（'click'，函数（）{
如果（$（this）.is（':checked'））{
警报（“您已经检查过了”）；
}否则{
警报（“您取消了检查”）；
}
});
});
input[type=checkbox].css复选框{位置：绝对；溢出：隐藏；剪辑：rect（0）；高度：1px；宽度：1px；边距：-1px；填充：0；边框：0；}
输入[type=checkbox].css checkbox+label.css-label{左侧填充：20px；高度：15px；显示：内联块；行高：15px；背景重复：不重复；背景位置：0 0；字体大小：15px；垂直对齐：中间；光标：指针；}
输入[type=checkbox].css复选框：checked+label.css-label{背景位置：0-15px；}.css标签{背景图像：url(http://csscheckbox.com/checkboxes/lite-x-red.png)；}

选定选项
您可以使用JQuery
.is（“：checked”）
执行此操作，如下所示：

$("input[type=checkbox]").click(function() {
  var msg = "";
  $("input[type=checkbox]").each(function() {
    if ($(this).is(":checked")) {
      msg += "#" + $(this).attr("id") + " is checked!\n";
    } else {
      msg += "#" + $(this).attr("id") + " is NOT checked!\n";
    }
  });
  alert(msg);
});

您可以使用JQuery
.is（“：checked”）
执行此操作，如下所示：

$("input[type=checkbox]").click(function() {
  var msg = "";
  $("input[type=checkbox]").each(function() {
    if ($(this).is(":checked")) {
      msg += "#" + $(this).attr("id") + " is checked!\n";
    } else {
      msg += "#" + $(this).attr("id") + " is NOT checked!\n";
    }
  });
  alert(msg);
});

您好，您的代码似乎工作得很好您好，您的代码似乎工作得很好nx，很抱歉回复太晚。我在教室里，很抱歉回信晚了。他在教室里