Форум

Alehana · #1 (**permalink**) 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 · #2 (**permalink**) 24.01.2019, 17:32

Сообщение от Alehana

Или это только через javascript.

Да, существуют библиотеки, которые позволяют делать такое, например, Bootstrap Multiselect.

Сообщение от Alehana

Можно ли через html сделать чекбоксы в селекте, как здесь ?

В HTML есть <select multiple>, который позволяет организовать подобную логику!

Alehana · #3 (**permalink**) 24.01.2019, 18:55

Сообщение от Malleys

Да, существуют библиотеки, которые позволяют делать такое, например, Bootstrap Multiselect.

Не подскажите инструкцию, как им пользоваться.

Malleys · #4 (**permalink**) 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 · #5 (**permalink**) 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[]">

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

Форум

Справочник

Discord чат

Курсы javascript