JavaScript 选中所有复选框并取消选中所有复选框

新手上路,请多包涵
<script type="text/javascript">
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>

<form name="myform">
<li>
   <label class="cba">
         <a href="javascript:void();" onclick="javascript:checkAll('myform', true);">Check All</a> |
         <a href="javascript:void();" onclick="javascript:checkAll('myform', false);">UnCheck All</a>
   </label>
</li>
<li>
    <input class="cba" type="checkbox" name="content1" value="1"<?php checked('1', $slct); ?>/>
</li>
<li>
    <input class="cbc" type="checkbox" name="content2" value="2"<?php checked('2', $copy); ?>/>
</li>
<li>
    <input class="cbx" type="checkbox" name="content3" value="3"<?php checked('3', $cut); ?>/>
</li>
</form>

我已将复选框的切换选项全部选中并取消选中。现在仍然检查所有并取消选中所有不起作用我在 Firebug 中查看时在控制台中收到错误。这是我附上的截图。我不确定我的错误是什么:

在此处输入图像描述

任何建议都会很棒。

原文由 Vignesh Pichamani 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 287
2 个回答

您的语法不正确。你错过了 .forms 所以它应该是这样的

document.forms[formName].getElementsByTagName("input");

原文由 Mark Walters 发布,翻译遵循 CC BY-SA 3.0 许可协议

用于切换(选中/取消选中)所有复选框的 Javascript 函数。

 function checkAll(bx)
{
 var cbs = document.getElementsByTagName('input');
 for(var i=0; i < cbs.length; i++)
 {
    if(cbs[i].type == 'checkbox')
    {
        cbs[i].checked = bx.checked;
     }
 }
}

原文由 Prem Kumar Maurya 发布,翻译遵循 CC BY-SA 3.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题