Question

我有一个自定义的javascript函数来检查和取消选中我表单中的所有复选框。然后我添加了PrettyCheckable，现在自定义功能不起作用。这是代码。

<a onclick="javascript:checkAll('nameform', true);" href="javascript:void();">check all</a>
<a onclick="javascript:checkAll('nameform', false);" href="javascript:void();">check all</a>

<form method="POST" name="nameform">
   <div class="prettycheckbox labelright green">
     <input class="prettyCheckable" type="checkbox" name="checkboxs" data-label="{{skill}}" >
   </div>
   <input type="submit" class="btn btn-success">
</form>

<script type="text/javascript" language="javascript">// <![CDATA[
function checkAll(formname, checktoggle)
{
  var checkboxes = new Array(); 
  checkboxes = document[formname].getElementsByTagName('input');

  for (var i=0; i<checkboxes.length; i++)  {
    if (checkboxes[i].type == 'checkbox')   {
      checkboxes[i].checked = checktoggle;
    }
  }
}
// ]]></script>

<script type="text/javascript">
    $('.prettyCheckable').prettyCheckable()
</script>

更新：尝试使用prettyCheckable中的函数，但它仍然不起作用。

    <script type="text/javascript">
    function checkAll(formname, checktoggle){
    if (checktoggle === true) {
       $('.prettyCheckable').prettyCheckable('check');
    } else {
        $('.prettyCheckable').prettyCheckable('uncheck');
    } 
    }
   </script>

Answer 1

在http://arthurgouveia.com/prettyCheckable/它说

检查或取消选中嗯......好吧......它检查/取消选中输入。

您可以使用此代码在应用prettyCheckable后检查和取消选中框。

自定义JavaScript功能不适用于PrettyCheckable

1 个答案: