Salesforce VisualForce全选页面及js

最新推荐文章于 2025-11-14 14:45:55 发布

原创最新推荐文章于 2025-11-14 14:45:55 发布 · 723 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#VisualForce #全选

Visualforce 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一个使用Apex实现的批量选择复选框的功能。通过JavaScript函数`selectAllCheckboxes1`，可以实现对表格中特定ID前缀的复选框进行全选或取消全选的操作。此功能适用于查询结果展示页面，方便用户快速操作多个记录。

<script type="text/javascript">
function selectAllCheckboxes1(obj, receivedInputID) 
  {
      var inputCheckBox = document.getElementById('page1:form1:block1:SingleInv:table1').getElementsByTagName('input');
      for (var i = 0; i < inputCheckBox.length; i++) {
          if (inputCheckBox[i].id.indexOf(receivedInputID) != -1) 
          {
              inputCheckBox[i].checked = obj.checked;
          }
      }
  }
</script>

<apex:pageBlockSection title="查询结果" columns="1" id="SingleInv"> 
        <apex:pageblockTable value="{!plist}" var="item" id="table1">
          <apex:column width="2%" >
            <apex:facet name="header">
                <apex:inputCheckbox onclick="selectAllCheckboxes1(this,'invId')" id="all" />
            </apex:facet>
            <apex:inputCheckbox id="invId" value="{!item.checkbox}" />
          </apex:column>       
          <apex:column headerValue="产品名称">
            <apex:outputtext value="{!item.pbe.name}"/>
          </apex:column>
        </apex:pageblockTable>
</apex:pageBlockSection>