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's select/unselect all

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