用于“全选”复选框的脚本在WordPress页面上不起作用

Script for Select All checkboxes not working on WordPress page

本文关键字：WordPress 不起作用 脚本 全选 复选框 用于      更新时间：2023-09-26

我正在尝试使用文本块在普通WordPress页面中创建带有"全选"复选框的复选框。

这是我的代码：

<script type="text/javascript">
alert('hey');
function toggle(source) {
  checkboxes = document.getElementsByName('options');
  for(var i=0, n=checkboxes.length;i<n;i++) {
    checkboxes[i].checked = source.checked;
  }
}
</script>
<form>
<input type="checkbox" value="All" onClick="toggle(this)" />All
<input type="checkbox" class="checkbox1" name="options" value="Option1" id="opt1">Option 1
<input type="checkbox" class="checkbox1" name="options" value="Option2" id="opt2">Option 2
<input type="checkbox" class="checkbox1" name="options" value="Option3" id="opt3">Option 3
</form>

警报将显示。但是"全部检查"功能不起作用。我在记事本上尝试过，它正在工作。但在WordPress页面中，事实并非如此。

请帮忙。谢谢！

尝试在呈现 html 内容后加载脚本，位于正文底部

嗯。我在我的wordpress页面上测试了它，它起作用了。您使用的是哪个版本？您是否使用激活的"文本"选项卡将代码粘贴到页面中？

相关文章：