Salesforce 如何在visualforce页面上将多选选取列表呈现为复选框_Salesforce_Apex_Visualforce

Salesforce 如何在visualforce页面上将多选选取列表呈现为复选框

salesforce

Salesforce 如何在visualforce页面上将多选选取列表呈现为复选框,salesforce,apex,visualforce,Salesforce,Apex,Visualforce,我想通过VisualForce页面在salesforce中实现多选下拉菜单。我想这样显示我的下拉列表，请查看下面的屏幕快照：我使用jquery将列表添加到： <apex:page standardStylesheets="false" doctype="html-5.0"> <head lang="en">  <script src="https://ajax.googlea

我想通过VisualForce页面在salesforce中实现多选下拉菜单。我想这样显示我的下拉列表，请查看下面的屏幕快照：

我使用jquery将列表添加到：

<apex:page standardStylesheets="false" doctype="html-5.0">
  <head lang="en">
      <!-- jQuery library -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>        
  </head>
    <body>  
        <apex:form >
            <select id="countries" multiple="multiple">
                <option value="India">India</option>
                <option value="USA">USA</option>
                <option value="Japan">Japan</option>
                <option value="UK">UK</option>
            </select>       
            <link href="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
            <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.0.3/js/bootstrap.min.js"></script>
            <link href="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/css/bootstrap-multiselect.css" rel="stylesheet" type="text/css" />
            <script src="http://cdn.rawgit.com/davidstutz/bootstrap-multiselect/master/dist/js/bootstrap-multiselect.js" type="text/javascript"></script>
            <script type="text/javascript">
                $(function () {
                    $('#countries').multiselect({
                        includeSelectAllOption: true
                    });
                });
            </script>
        </apex:form>
    </body>
</apex:page>