Question

我使用PrettyCheckable来设置一些复选框的样式。我想验证它们的客户端，但我看不出它是如何工作的：使用FireBug查看DOM，似乎PrettyCheckable将复选框包装在DIV中并在a的顶部放置一个图形元素，并切换a上的“已检查”类 - 而不将点击发送到隐藏的复选框。那么当提交表单时，实际上没有检查复选框？它是否在提交事件中检查它们？

还要将此帖子发布到GitHub上。

编辑：尽管外观在使用FireBug检查DOM时未检查字段，但验证工作正常并且输入的“已检查”属性<正在设置em> 。我的错。请留待此处参考。请参阅下面的Javascript验证配方。

Answer 1

你可以做一些这样的事情。

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

Answer 2

我能够检查CheckBox是否被选中。看看这段代码：

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

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

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

Answer 3

$("#Checkbox1").prop("checked")

从原始复选框返回true或false。使用prettyCheckable为我工作。

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

3 个答案: