Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Чекбоксы в селект (https://javascript.ru/forum/events/76590-chekboksy-v-selekt.html)

Alehana 24.01.2019 17:28
Чекбоксы в селект
 
Модно ли через html сделать чекбоксы в селекте, как здесь ?
https://www.etagi.com/zastr/?district_id[]=801&district_id[]=398&district_id[]=113&district_id[]=117&district_id[]=7538&district_id[]=137&district_id[]=800&district_id[]=126&district_id[]=588
Или это только через javascript.

Malleys 24.01.2019 17:32
Цитата:
Сообщение от Alehana
Или это только через javascript.
Да, существуют библиотеки, которые позволяют делать такое, например, Bootstrap Multiselect.

Цитата:
Сообщение от Alehana
Можно ли через html сделать чекбоксы в селекте, как здесь ?
В HTML есть <select multiple>, который позволяет организовать подобную логику!

Alehana 24.01.2019 18:55
Цитата:
Сообщение от Malleys (Сообщение 502593)
Да, существуют библиотеки, которые позволяют делать такое, например, Bootstrap Multiselect.
Не подскажите инструкцию, как им пользоваться.

Malleys 24.01.2019 20:05
Вот пример 
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body style="padding: 1em;">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.15/css/bootstrap-multiselect.css" />
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-multiselect/0.9.13/js/bootstrap-multiselect.min.js"></script>
	<script>
	
		$(function() {
			$("select[multiple]").multiselect();
		});
	
	</script>

	<select multiple>
		<option selected>&#128021; Dog</option>
		<option>&#128024; Elephant</option>
		<option>&#128014; Horse</option>
	</select>
</body>
</html>

Himmelin 27.01.2019 16:27
Так в HTML же есть параметр checked у чекбокса. 
<input type="checkbox" checked value="Менюшка">

А можно вообще объединить их в группу:
<input type="checkbox" checked value="Менюшка1" name="check1[]">
<input type="checkbox" checked value="Менюшка2" name="check1[]">

Если вы про это


Часовой пояс GMT +3, время: 17:05.