oracle-apex - Apex5，勾选所有并取消勾选所有复选框

Question

我想要一个交互式报告 (IR) 中的复选框，并且我希望用户能够使用标题中的一个复选框快速全选或取消全选。添加了java脚本代码，但它没有任何想法.....

if ( $( '#selectunselectall' ).is(':checked') ) {
  $('input[type=checkbox][name=f01]').attr('checked',true);
Else 
  $('input[type=checkbox][name=f01]').attr('checked',false);

Answer 1

1. 将复选框添加到查询中，例如apex_item.checkbox(1, record_id) as selected。

2. 将区域静态 ID 设置为某个值，例如myreport

3. 设置列“SELECTED”的以下属性：

   标题 =<input type="checkbox" id="selectunselectall">

   转义特殊字符 = 否

   Enable Users To =（取消选中所有选项，包括隐藏、排序等）

4. 添加动态操作：

   事件 = 改变

   选择类型 = jQuery 选择器

   jQuery 选择器 = #selectunselectall

   事件范围 = 动态

   静态容器（jQuery 选择器）= #myreport

   真正的行动 = 执行 JavaScript 代码

   页面加载时触发 = 否

   代码 =

   if ($( '#myreport #selectunselectall' ).is(':checked')) {
     $('#myreport input[type=checkbox][name=f01]').attr('checked',true);
   } else {
     $('#myreport input[type=checkbox][name=f01]').attr('checked',false);
   }
   

对 jeff 代码的修改：

    if ($( '#myreport #selectunselectall' ).is(':checked')) {
      $('#myreport input[type=checkbox][name=f01]').prop('checked',true);
    } else {
      $('#myreport input[type=checkbox][name=f01]').prop('checked',false);
    }

jQuery API - .prop()

Jeff Kemp 的全选/取消全选

看看上面的链接。Jeff Kemp 在记录您的目标方面做得很好。