Php 在Select2 JS中选中所有选项复选框?
需要使用Select2 JS选中所有选项的数据复选框。我尝试使用复选框和默认全选选项选择Select2 JS中的所有选项。如何设置Select2 JS中的默认全选选项 脚本代码: Html代码: 需要选择喜欢的Php 在Select2 JS中选中所有选项复选框?,php,jquery-select2,Php,Jquery Select2,需要使用Select2 JS选中所有选项的数据复选框。我尝试使用复选框和默认全选选项选择Select2 JS中的所有选项。如何设置Select2 JS中的默认全选选项 脚本代码: Html代码: 需要选择喜欢的 您需要自己在选择框旁边创建复选框 <input type="checkbox" id="checkbox" >Select All 你可以查看演示你能给我们看一些代码吗?请查看我的代码上方Q那么多关于你的回复,请参阅我的附件我需要选择上面图片中的所有选项。Select2不支
您需要自己在选择框旁边创建复选框
<input type="checkbox" id="checkbox" >Select All
你可以查看演示你能给我们看一些代码吗?请查看我的代码上方Q那么多关于你的回复,请参阅我的附件我需要选择上面图片中的所有选项。Select2不支持这一点。您需要编写CSS以将选择框更改为复选框。
<select class="js-select2" multiple="multiple">
<option value="O1" data-badge="">Option1</option>
<option value="O2" data-badge="">Option2</option>
<option value="O3" data-badge="">Option3</option>
<option value="O4" data-badge="">Option4</option>
<option value="O5" data-badge="">Option5</option>
<option value="O6" data-badge="">Option6</option>
<option value="O7" data-badge="">Option7</option>
<option value="O8" data-badge="">Option8</option>
<option value="O9" data-badge="">Option9</option>
<option value="O10" data-badge="">Option10</option>
<option value="O11" data-badge="">Option11</option>
<option value="O12" data-badge="">Option12</option>
<option value="O13" data-badge="">Option13</option>
</select>
<input type="checkbox" id="checkbox" >Select All
$(document).ready(function() {
$(".js-select2").select2({
closeOnSelect : false,
placeholder : "Placeholder",
allowHtml: true,
allowClear: true,
tags: true // создает новые опции на лету
});
$("#checkbox").click(function(){ //Bind the Click event of Checkbox
if($('#checkbox').is(':checked') ){ //If checkbox is checked. Select All Items.
$(".js-select2 > option").prop("selected","selected");
$(".js-select2").trigger("change");
}else{ //Otherwise Deselect all items.
$(".js-select2").val(null).trigger('change');
}
});
$("#checkbox").click(); //Manually click the checkbox so that it is selected 1st time.
});