Apex5,勾选全部并取消勾选所有复选框

时间:2017-05-17 15:13:41

标签: oracle-apex oracle-apex-5.1

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

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

1 个答案:

答案 0 :(得分:3)

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

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

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

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

    逃脱特殊字符=否

    启用用户=(取消选中所有选项,包括隐藏,排序等)

  4. 添加动态操作:

    事件=更改

    选择类型= jQuery选择器

    jQuery Selector = #selectunselectall

    事件范围=动态

    静态容器(jQuery Selector)= #myreport

    True Action =执行JavaScript代码

    Fire On Page Load =否

    代码=

    if ($( '#myreport #selectunselectall' ).is(':checked')) {
      $('#myreport input[type=checkbox][name=f01]').attr('checked',true);
    } else {
      $('#myreport input[type=checkbox][name=f01]').attr('checked',false);
    }
    
  5. 修改杰夫的代码:

        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在记录您的目标方面做得非常出色。