Checkbox или radiobutton в меню dropdowns

Проблема в том что если вставить чекбокс, радиокнопку в меню dropdowns Bootstrap и кликнув по ним, меню сразу закроется.

Пример как это исправить:

<div class="dropdown">
	<button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown">
		Dropdown <span class="caret"></span>
	</button>
	<ul class="dropdown-menu">
		<li><a href="#">Пункт меню</a></li>
		<li class="dropdown-input"><label><input type="checkbox"> Checkbox</label></li>
		<li class="dropdown-input"><label><input type="radio" name="radio"> Radio 1</label></li>
		<li class="dropdown-input"><label><input type="radio" name="radio"> Radio 2</label></li>
	</ul>
</div>

<script>
$('.dropdown-input').click(function(event){
	event.stopPropagation();
});
</script>
HTML

Дополнительные стили CSS

.dropdown-input label {
	display: block;
	padding: 3px 20px 0 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}
CSS
15.12.2016 , обновлено 17.10.2019
Предыдущая запись Подменю в dropdown Bootstrap

Комментарии

, чтобы добавить комментарий.

Другие публикации

PHP функции для checked и selected
Две мини функции которые облегчают выделения полей select, radio и checkbox до и после отправки форм.
16.03.2019
2769
0
Contenteditable – текстовый редактор
Если добавить атрибут contenteditable к элементу, его содержимое становится доступно для редактирования пользователю, а...
12.12.2019
1623
+6
Селекторы JQuery
В jQuery, селекторы в основном позаимствованы из CSS 1-3, также добавлены свои, что дало хороший набор инструментов для манипуляций с элементами в документе.
07.08.2019
1105
+3
Фиксированное горизонтальное меню с активными пунктами
Пример горизонтального меню для лэндингов, в котором реализовано...
19.12.2018
2544
+2
Как сделать табы на jQuery
Сделать табы на jQuery очень просто, сделаем HTML разметку и добавим к нему JS код...
08.02.2018
5571
+1
Постраничный вывод массива
В случаях, когда нужно вывести большой PHP-массив постранично, без использования баз данных.
12.03.2020
122
+1