<!DOCTYPE html>
<
html
>
<
head
>
<
style
type
=
"text/css"
>
body {
text-align: center;
font-size: 20px;
}
button {
background-color: #4CAF50;
/* Green */
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
}
</
style
>
</
head
>
<
body
>
<
h1
style
=
"color:green"
> GeeksForGeeks</
h1
>
<
h2
>Find the input with value = "Green" ?</
h2
>
<
div
>
<
form
>
<
input
type
=
"checkbox"
value
=
"Red"
>
<
span
>value is Red</
span
><
br
>
<
input
type
=
"checkbox"
value
=
"Green"
>
<
span
>value is Red</
span
><
br
>
<
input
type
=
"checkbox"
value
=
"Red"
>
<
span
>value is Red</
span
><
br
>
<
input
type
=
"checkbox"
value
=
"Red"
>
<
span
>value is Red</
span
><
br
>
<
input
type
=
"checkbox"
value
=
"Red"
>
<
span
>value is Red</
span
><
br
>
<
input
type
=
"checkbox"
value
=
"Red"
>
<
span
>value is Red</
span
><
br
>
</
form
>
</
div
>
<
br
>
<
button
>Click to see the answer.</
button
>
<
script
>
$('button').click(function() {
$("input[value='Green']").next().text(" Green ");
});
</
script
>
</
body
>
</
html
>