Search code examples
javascriptjqueryhtmlcssbootstrap-multiselect

Bootstrap Multiselect - Single select without radio button

I am using Bootstrap Multiselect plugin. Used this plugin for multiselect dropdowns and applied the same for single select dropdowns for UI consistency.

For multiselect dropdowns, I applied as below:

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

It creates, checkboxes in the dropdown and able to select multiple options.

And applied single select dropdown as below:

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

This one generates radio button in the dropdown, but I don't want the radio button and it should be working as a normal dropdown.

Is there any option to create a single select dropdown without radio buttons?

Solution

  • Please add the below CSS code and check

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