Javascript 如何选择/取消选择oracle apex表单中的所有复选框

我在Oracle Apex中有一个页面区域，其中包含许多复选框（Apex表单）。 我想要一个功能，在每个复选框项目的标题处添加一个复选框，它将选择/取消选择下面的所有复选框项目

---

我是Apex开发的新手，在这方面需要帮助。

这里有一个解决方案，假设复选框上方的文本来自项目的标签（不知何故，我认为情况并非如此）。如果需要，我可以更新答案，以更好地适应您的网页时，我知道更多关于它

首先，进入要添加此“切换”功能的每个复选框。向下滚动到CSS Classes属性，并将toggle cb放在字段中

接下来，转到页面级属性，并将以下代码添加到函数和全局变量声明属性中：

function enableToggle() {
  var $wrapperDiv = $(this);
  var $label = $wrapperDiv.find('.t-Form-label');
  var $item = $wrapperDiv.find('.apex-item-checkbox');
  var buttonHtml = '<button type="button" class="t-Button t-Button--tiny t-Button--simple">Toggle all</button>';

  $label.html($label.text() + ' ' + buttonHtml);

  $label.find('button').on('click', function(event) {
    var $button = $(this);
    var $checkboxes = $item.find('input[type="checkbox"]');
    var checkedCount = $checkboxes.filter(function() {
      return this.checked === true;
    }).length;
    var check = checkedCount < $checkboxes.length;

    $checkboxes.each(function() {
      this.checked = check;
    });

    event.stopPropagation();
    $button.blur();
  });
}

这将在每个项目的标签上添加一个按钮（前提是复选框具有切换cb类），用于切换：

有关上述代码的详细信息，请参见以下内容：

---

请访问，乘坐，查看和。做一些研究，搜索相关话题等；如果遇到问题，请发布您的尝试，并使用

[]

代码段编辑器记录输入和预期输出。发布代码，然后发布图像作为支持，但不仅仅是图像。如果Oracle输出是纯HTML，那么我们不需要知道oracleIs是每个项目标签中复选框组上方的文本，还是使用子区域？解决方案将高度依赖HTML标记，因此如果您可以在apex.oracle.com上举个例子，这将非常有用。如果你能准确地复制它，它不需要是实际的应用程序。如果复选框标签为空，并且我们有一个显示的子区域标签，我需要做什么更改。我想可能是这样的（我无法让我的复选框看起来像你的）。老实说，如果没有看到确切的加价，我无法准确地说。如果你在apex.oracle.com上举一个模仿你的页面的例子，那就行了。或者，我们可以在网上见面。如果您愿意这样做，只需在Twitter（）上DM我或通过我的博客（）与我联系即可。

$('.toggle-cb').each(enableToggle);