如何验证使用PrettyCheckable jQuery插件的表单？
如何验证使用PrettyCheckable jQuery插件的表单？
提问于 2013-06-05 14:03:32
我使用PrettyCheckable来设置一些复选框的样式。我想验证它们的客户端，但我甚至看不出它是如何工作的:使用FireBug查看DOM时，PrettyCheckable似乎将复选框包装在DIV中，并将图形放在a元素的顶部，并在a上切换“选中”类--而不将单击传递到隐藏复选框。那么，当表单提交时，复选框并没有被实际选中？它是否在提交事件上检查它们？
此外，还将这个插件发布到GitHub。
编辑：尽管在使用FireBug检查DOM时没有检查字段，但是验证工作正常，并且正在设置输入的“选中”属性。是我的错。把这个留在这里供参考。有关Javascript验证配方，请参见下面。
回答 3
Stack Overflow用户
回答已采纳
发布于 2013-06-05 14:24:15
我能够检查是否检查了CheckBox。请查看以下代码：
$('input.myClass').prettyCheckable();
$(".prettycheckbox").on("click",function(){
alert($(this).find("input[type='checkbox']").prop("checked"));
});如前所述，复选框被包装在div中，您只需在其中找到复选框，并选中选中的属性。
Stack Overflow用户
发布于 2013-06-05 14:12:18
例如，你可以做这样的事情。
var i = 0;
$('input.prettyCheckable').each(function(){
var lnk = $(this).next().hasClass('checked') ? true : false;
if(lnk){
console.log('The checkbox '+i+' is checked!');
}
i++;
});或者为click添加一个<a>事件，并检查它是否有checked类
Stack Overflow用户
发布于 2013-12-19 13:35:32
$("#Checkbox1").prop("checked")
从原始复选框返回true或false。和prettyCheckable一起为我工作。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16950688
复制相关文章
相似问题
如何使用jQuery验证插件验证表单？
使用jquery验证插件验证表单
使用jQuery验证插件的表单验证
表单验证消息(使用jQuery验证插件)
使用jQuery验证插件验证表单的子集
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
社区富文本编辑器全新改版！诚邀体验～
全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验
腾讯云开发者
