<!doctype html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"utf-8"
>
<
meta
name
=
"viewport"
content
=
"width=device-width, initial-scale=1"
>
<
link
rel
=
"stylesheet"
href
=
"//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"
>
<
script
src
=
"//code.jquery.com/jquery-1.10.2.min.js"
>
</
script
>
<
script
src
=
"//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"
>
</
script
>
<
script
>
$(document).ready(function () {
$(".GFG, .GFG1").checkboxradio({
mini: true
});
});
</
script
>
</
head
>
<
body
>
<
div
data-role
=
"page"
id
=
"page1"
>
<
div
data-role
=
"header"
>
<
h1
>GeeksforGeeks</
h1
>
<
h3
>jQuery Mobile Checkboxradio Widget mini Option</
h3
>
</
div
>
<
div
role
=
"main"
class
=
"ui-content"
>
<
div
class
=
"ui-field-contain"
>
<
form
>
<
fieldset
data-role
=
"controlgroup"
>
<
legend
>Are you a student:</
legend
>
<
input
type
=
"checkbox"
name
=
"checkbox"
id
=
"checkbox"
class
=
"GFG"
>
<
label
for
=
"checkbox"
>I agree</
label
>
</
fieldset
>
<
br
>
<
fieldset
data-role
=
"controlgroup"
>
<
legend
>Course:</
legend
>
<
input
type
=
"radio"
name
=
"radioBtn"
id
=
"radioBtn1"
class
=
"GFG1"
checked
=
"checked"
>
<
label
for
=
"radioBtn1"
>B. Tech</
label
>
<
input
type
=
"radio"
name
=
"radioBtn"
id
=
"radioBtn2"
class
=
"GFG1"
>
<
label
for
=
"radioBtn2"
>M. Tech</
label
>
<
input
type
=
"radio"
name
=
"radioBtn"
id
=
"radioBtn3"
class
=
"GFG1"
>
<
label
for
=
"radioBtn3"
>Others</
label
>
</
fieldset
>
</
form
>
</
div
>
</
div
>
</
div
>
</
body
>
</
html
>