<!DOCTYPE html>
<
html
>
<
head
>
<
center
>
<
h2
>
How to Show/Hide checkbox based
on value using jQuery
</
h2
>
<
hr
/>
<
input
type
=
"checkbox"
name
=
"Course"
>Geeks_course
<
input
type
=
"checkbox"
name
=
"student"
> Geeks_Student
<
input
type
=
"checkbox"
name
=
"Tutorial"
>Geeks_Tutorial
<
hr
/>
<
script
src
=
</
script
>
<
script
>
$("input:checkbox").attr("checked",
false).click(function () {
var shcolumn = "." + $(this).attr("name");
$(shcolumn).toggle();
});
</
script
>
</
head
>
<
body
>
<
table
border
=
"1"
>
<
tr
>
<
th
class
=
"Course"
>Course_name</
th
>
<
th
class
=
"student"
>project</
th
>
<
th
class
=
"Tutorial"
>Geeks_Course</
th
>
</
tr
>
<
tbody
>
<
tr
>
<
td
class
=
"Course"
>C++</
td
>
<
td
class
=
"student"
>face_recognition</
td
>
<
td
class
=
"Tutorial"
>Web-development</
td
>
</
tr
>
<
tr
>
<
td
class
=
"Course"
>Java</
td
>
<
td
class
=
"student"
>Handwritten_Recognition</
td
>
<
td
class
=
"Tutorial"
>Placement-Series</
td
>
</
tr
>
<
tr
>
<
td
class
=
"Course"
>C programming</
td
>
<
td
class
=
"student"
>To-Do list</
td
>
<
td
class
=
"Tutorial"
>Java course</
td
>
</
tr
>
<
tr
>
<
td
class
=
"Course"
>Python</
td
>
<
td
class
=
"student"
>Chat-Bot</
td
>
<
td
class
=
"Tutorial"
>Java-Api's</
td
>
</
tr
>
<
tr
>
<
td
class
=
"Course"
>JavaScript</
td
>
<
td
class
=
"student"
>Weather-prediction</
td
>
<
td
class
=
"Tutorial"
>Fork-Java</
td
>
</
tr
>
</
tbody
>
</
table
>
</
body
>
</
center
>
</
head
>
</
html
>