时间戳

首页 > 解决方案 > 多选复选框

jquery - 多选复选框

问题描述

我对 css 和 jQuery 非常陌生，我通常住在 html 中，但我正在尝试为从 Salesforce 连接中提取数据的表单 (FormAssembly) 更改一些自定义 css 代码。目前，如果拉入多个选项，则只能选择一个复选框。我正在查看代码以尝试了解如何更改它以允许选择多个并且我很难过。谁能指出我正确的方向，或者在哪里阅读如何可能做到这一点？也许这是不可能的，但即使知道这也会有帮助！

这就是我正在使用的：

 (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);

任何建议表示赞赏！

标签： jquerycsscheckboxsalesforce

解决方案

试试这个例子

$(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>

推荐阅读