如何解决多选复选框
我对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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。