<!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({
initSelector: "div.custom"
});
$(".GFG, .GFG1").checkboxradio("option",
"initSelector", "div.custom");
$("#Button").on('click', function () {
var a = $(".GFG, .GFG1").checkboxradio(
"option", "initSelector");
$("#log").html(a);
});
});
</
script
>
</
head
>
<
body
>
<
div
data-role
=
"page"
id
=
"page1"
>
<
div
data-role
=
"header"
>
<
h1
>GeeksforGeeks</
h1
>
<
h3
>jQuery Mobile Checkboxradio initSelector 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
>
</
fieldset
>
</
form
>
</
div
>
</
div
>
<
center
>
<
input
type
=
"button"
id
=
"Button"
value
=
"Value of the initSelector option"
>
<
div
id
=
"log"
></
div
>
</
center
>
</
div
>
</
body
>
</
html
>