Как установить флажок положения значка с помощью jQuery Mobile?
jQuery Mobile - это веб-технология, используемая для создания адаптивного контента, доступного на всех смартфонах, планшетах и настольных компьютерах. В этой статье мы создадим флажок положения значка с помощью jQuery Mobile.
Подход: добавьте скрипты jQuery Mobile, необходимые для вашего проекта.
<link rel=”stylesheet” href=”http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css” />
<script src=”http://code.jquery.com/jquery-1.11.1.min.js”></script>
<script src=”http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js”></script>
Пример: мы создадим флажок положения значка с помощью jQuery Mobile. Мы создаем флажок, используя атрибут input type = ”checkbox”, и атрибут data-iconpos = ”right”, чтобы создать флажок положения значка.
HTML
<!DOCTYPE html> < html > < head > < link rel = "stylesheet" href = </ script > < script src = </ script > </ head > < body > < center > < h1 >GeeksforGeeks</ h1 > < h4 > Design a Icon position Checkbox using jQuery Mobile </ h4 > < form style = "width: 50%;" > < fieldset data-role = "controlgroup" data-iconpos = "right" > < input type = "checkbox" name = "groupcheckbox1" id = "groupcheckbox1" > < label for = "groupcheckbox1" >Geeks</ label > < input type = "checkbox" name = "groupcheckbox2" id = "groupcheckbox2" > < label for = "groupcheckbox2" >GeeksforGeeks</ label > < input type = "checkbox" name = "groupcheckbox3" id = "groupcheckbox3" > < label for = "groupcheckbox3" >GFG</ label > < input type = "checkbox" name = "groupcheckbox4" id = "groupcheckbox4" > < label for = "groupcheckbox4" >Computer</ label > </ fieldset > </ form > </ center > </ body > </ html > |
Выход: