2

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

还将将此发布到 GitHub 以获取该插件。

编辑：尽管在使用FireBug检查 DOM 时没有检查该字段，但验证工作得很好，并且正在设置输入的“已检查”属性。我的错。留在这里以供参考。有关 Javascript 验证方法，请参见下文。

4

3 回答 3

0

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

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

正如您所说，复选框被包装在一个 div 中，您只需在其中找到复选框，然后检查选中的属性。

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

于 2013-06-05T22:24:15.113 回答
0

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

从原始复选框返回真或假。对我有用 prettyCheckable。

于 2013-12-19T21:35:32.777 回答
0

例如，您可以做这样的事情。

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

于 2013-06-05T22:12:18.807 回答