<!DOCTYPE HTML>
<
html
>
<
head
>
<
title
>
jQuery odd() method
</
title
>
<
script
src
=
</
script
>
</
head
>
<
body
style
=
"text-align:center;"
>
<
h1
style
=
"color:green;"
>
GeeksForGeeks
</
h1
>
<
p
id
=
"GFG_UP"
></
p
>
GFG_0: <
input
type
=
"checkbox"
id
=
"GFG_0"
value
=
"GFG_0"
><
br
>
GFG_1: <
input
type
=
"checkbox"
id
=
"GFG_1"
value
=
"GFG_1"
><
br
>
GFG_2: <
input
type
=
"checkbox"
id
=
"GFG_2"
value
=
"GFG_2"
><
br
>
GFG_3: <
input
type
=
"checkbox"
id
=
"GFG_3"
value
=
"GFG_3"
><
br
>
GFG_4: <
input
type
=
"checkbox"
id
=
"GFG_4"
value
=
"GFG_4"
>
<
br
><
br
>
<
button
onclick
=
"Geeks()"
>
Click here
</
button
>
<
p
id
=
"GFG_DOWN"
></
p
>
<
script
>
var elUp = document.getElementById("GFG_UP");
var elDown = document.getElementById("GFG_DOWN");
elUp.innerHTML = "JQuery | odd() method";
function Geeks() {
$("input").odd().attr("checked", true);
el_down.innerHTML =
"The odd elements are checked";
}
</
script
>
</
body
>
</
html
>