Bootstrap Multiselect - 单选不带单选按钮

时间:2016-12-14 07:09:05

标签: javascript jquery html css bootstrap-multiselect

我正在使用bootstrap multi select插件。将此插件用于多选择dropdwns,并将其应用于单一选择下拉列表以实现UI一致性。 对于多选下拉菜单,我应用如下

 $('#ListBox').multiselect({
                nonSelectedText: 'Select Option'
            });

它会在下拉列表中创建复选框,并且可以选择多个选项。

并应用单选下拉列表,

 $('#DropDownList').multiselect({
                nonSelectedText: 'Select Option',
                multiple: false                
            });

这个在下拉列表中生成单选按钮,但我不想要单选按钮,它应该像普通下拉列表一样工作。

是否有任何选项可以在没有单选按钮的情况下创建单个选择下拉列表。

1 个答案:

答案 0 :(得分:1)

请添加以下css代码并检查

.dropdown-menu label.radio input[type=radio]{
    visibility: hidden;
}
.dropdown-menu label.radio{
    padding-left:10px;
}