多选复选框

问题描述

我对CSS和jQuery还是很陌生，我通常居住在html中，但是我试图更改某些自定义CSS代码，以用于从Salesforce连接中提取数据的表单（FormAssembly）。当前，如果拉入了多个选项，则只能选择一个复选框。我正在查看代码以尝试查看如何更改它以允许选择多个，但我感到很困惑。谁能指出我正确的方向，或者在哪里阅读如何做呢？也许不可能，但是即使知道这也会有所帮助！

这就是我正在使用的：

 (function($){
    $( document ).ready( function (  ) {
      var fieldset = '#tfa_2232'; 
      $('input:checkBox',fieldset).each(function(i){
        if (i === 0) {
          $(this).prop('checked',true);
        }
      });
      $('input:checkBox',fieldset).click(function(e){
        $('input:checkBox',fieldset).prop('checked',false);
        $(this).prop('checked',true);
      });
    });
  })(jQuery);

任何建议表示赞赏！

解决方法

尝试以下示例

$(function() {

  $('#country').multiselect({
    includeSelectAllOption: true
  });

  $('#selectedcountry').click(function() {
     console.log($('#country').val());
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://davidstutz.de/bootstrap-multiselect/dist/js/bootstrap-multiselect.js"></script>
<link href="https://davidstutz.de/bootstrap-multiselect/docs/css/bootstrap-3.3.2.min.css" rel="stylesheet"/>
<link href="https://davidstutz.de/bootstrap-multiselect/dist/css/bootstrap-multiselect.css" rel="stylesheet"/>
<script src="https://davidstutz.de/bootstrap-multiselect/docs/js/bootstrap-3.3.2.min.js"></script>

<form id="form1">
  <div style="padding:20px">

    <select id="country" multiple="multiple">
      <option value="India">India</option>
      <option value="USA">USA</option>
      <option value="UK">UK</option>
      <option value="China">China</option>
      <option value="Spain">Spain</option>
      <option value="Russia">Russia</option>
    </select>

    <input type="button" id="selectedcountry" value="Get Selected Country" />
  </div>
</form>

checkbox jquery salesforce