无法选中好选择多个下拉列表的复选框?

Posted

技术标签:

【中文标题】无法选中好选择多个下拉列表的复选框?【英文标题】:Unable to check checkbox of nice select multiple dropdown? 【发布时间】:2019-05-01 05:46:02 【问题描述】:

我正在使用不错的选择下拉菜单,其中有多个选项可供我选中或取消选中。

这里的问题是我可以选中或取消选中所有选项,而需要在页面加载时检查特定复选框。

我尝试了很多,也添加了这些行。

$('#Person').val("1").prop('checked', true);          
$("#Person").niceSelect("update");

执行此操作时在控制台中显示“checked: true”,但更改不会反映在页面上。

为了取消选中我在下面的代码中使用的所有复选框。

$(".styled-checkbox").prop('checked', false);

<div class="box"><div class="nice-select wide"  tabindex="0" id="Person"></div></div>    

$('#Person').val("1").prop('checked', true);
$("input[type=checkbox][value=" + xy + "]").attr("checked", "true");
$("#Person").val(xy);
$('#Person').val(xy).prop('selected', true);
$('#Person').val(xy);      
$('#Person').multiSelect('select', [2, 1]);
$("#Person option[value='2']").prop('selected', true);
$("#Person option[value='2']").attr("selected", true);

如何使用其值设置选中或未选中的复选框?

【问题讨论】:

dropdown显示你的html 【参考方案1】:

你使用了错误的道具来选择你的下拉值,试试这个

<select id="abc">
  <option value="">Select</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>


//abc id of your select and i want to select option with value 2
<script>
  $('#abc option[value="2"]').prop("selected", "true");
  $("select").niceSelect("update");
</script>

【讨论】:

【参考方案2】:

我通过从下面的代码中删除单词“checked”来解决这个问题。 默认情况下,它用于在其他地方加载时检查所有复选框。 如果我们要删除这个词,那么我们可以选中或取消选中特定选项。

'<li> <input class="styled-checkbox" checked id="styled-checkbox-' + i + '" type="checkbox" value="' + data[i][dataValueField] + '"><label for="styled-checkbox-' + i + '">' + data[i][dataTextField] + '</label></li>';

【讨论】:

以上是关于无法选中好选择多个下拉列表的复选框?的主要内容,如果未能解决你的问题,请参考以下文章

C# 模糊查询带出下拉列表的问题

将选中的复选框值添加到下拉列表中

访问:复选框的下拉列表

easyui中如何设置下拉列表框只能选择,列表框内不能输入,

选择多个复选框并附加其值

选择下拉列表中的复选框后如何清除 v-autocomplete(多个)搜索输入?