jquery - 如何验证使用 PrettyCheckable jQuery 插件的表单？

Question

我用过PrettyCheckable设置一些复选框的样式。我想在客户端验证它们，但我不知道它是如何工作的:使用 FireBug 查看 DOM，似乎 PrettyCheckable 将复选框包装在 DIV 中，并将图形放在 a< 的顶部 元素，并在 a 上切换“checked”类——而不将点击传递到隐藏的复选框。那么当提交表单时，该复选框实际上并未被选中？它会在提交事件中检查它们吗？

还将将此内容发布到插件的 GitHub。

编辑:尽管在使用 FireBug 检查 DOM 时，表面上未检查该字段，但验证工作正常，并且输入的 'checked' 属性 < em>正在设置。我的错。留在这里供引用。请参阅下面的 Javascript 验证方法。

Answer 1

我能够检查复选框是否被选中。查看此代码:

$('input.myClass').prettyCheckable();
$(".prettycheckbox").on("click",function(){
    alert($(this).find("input[type='checkbox']").prop("checked"));
});

正如你所说，复选框被包裹在一个div中，你只需找到它里面的复选框，然后检查checked属性即可。

http://jsfiddle.net/hescano/SSWJu/1/