This is my code
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('input[type=radio][name=filterRadios]').change(function () {
_this = this;
$.each($("#tableprice tr td:nth-child(3)"), function () {
if ($(_this).val().charAt(0) == "A") {
$(this).closest('tr').show();
}
else if ($(this).text().charAt(0).toLowerCase().indexOf($(_this).val().charAt(0).toLowerCase()) === -1) {
$(this).closest('tr').hide();
}
else { $(this).closest('tr').show(); }
});
});
});
</script>
</head>
<body>
<div>
<div class="form-inline">
<div class="form-group">
<label class="checkboxlocation radio-inline">
<input type="radio" name="filterRadios" value="Male"><i></i><span>Male</span>
</label>
<label class="checkboxlocation radio-inline">
<input type="radio" name="filterRadios" value="Female"><i></i><span>Female</span>
</label>
<label class="checkboxlocation radio-inline">
<input type="radio" name="filterRadios" value="HouseHold"><i></i><span>HouseHold</span>
</label>
<label class="checkboxlocation radio-inline">
<input type="radio" name="filterRadios" value="Both"><i></i><span>Both(Male/Female)</span>
</label>
<label class="checkboxlocation radio-inline">
<input type="radio" name="filterRadios" value="All"><i></i><span>All</span>
</label>
</div>
</div>
</div>
<div>
<table class="table"><caption style="font-size: 25px; color: black">Dryclean</caption><tbody style="font-size: 15px; color: black" id="tableprice"><tr><td style="width: 75%;">Ladies suit-Worked 2 pcs (Crepe, Chiffon or georgette )</td><td><i class="fa fa-inr"></i> 100.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Ladies suit-Worked 3 pcs (Silk)</td><td><i class="fa fa-inr"></i> 150.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Ladies Western Suit (2pcs)</td><td><i class="fa fa-inr"></i> 400.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Ladies Anarkali Suit 2pcs (Net Worked)</td><td><i class="fa fa-inr"></i> 200.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Ladies Anarkali Suit 2pcs (Chiffon, Georgette or Crepe)</td><td><i class="fa fa-inr"></i> 200.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Ladies Anarkali Suit Kurta</td><td><i class="fa fa-inr"></i> 200.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Blanket Single</td><td><i class="fa fa-inr"></i> 150.00 / Piece</td><td style="display:none">HouseHold</td></tr><tr><td style="width: 75%;">Blanket Double</td><td><i class="fa fa-inr"></i> 250.00 / Piece</td><td style="display:none">HouseHold</td></tr><tr><td style="width: 75%;">Quilt Double</td><td><i class="fa fa-inr"></i> 300.00 / Piece</td><td style="display:none">HouseHold</td></tr><tr><td style="width: 75%;">Quilt Single</td><td><i class="fa fa-inr"></i> 150.00 / Piece</td><td style="display:none">HouseHold</td></tr><tr><td style="width: 75%;">Table Cover</td><td><i class="fa fa-inr"></i> 100.00 / Piece</td><td style="display:none">HouseHold</td></tr><tr><td style="width: 75%;">Towel (S)</td><td><i class="fa fa-inr"></i> 50.00 / Piece</td><td style="display:none">HouseHold</td></tr><tr><td style="width: 75%;">Towel (M)</td><td><i class="fa fa-inr"></i> 60.00 / Piece</td><td style="display:none">HouseHold</td></tr><tr><td style="width: 75%;">Towel (L)</td><td><i class="fa fa-inr"></i> 80.00 / Piece</td><td style="display:none">HouseHold</td></tr><tr><td style="width: 75%;">Table Napkin</td><td><i class="fa fa-inr"></i> 25.00 / Piece</td><td style="display:none">HouseHold</td></tr><tr><td style="width: 75%;">Double bed Cover</td><td><i class="fa fa-inr"></i> 250.00 / Piece</td><td style="display:none">HouseHold</td></tr><tr><td style="width: 75%;">Single bed Cover</td><td><i class="fa fa-inr"></i> 80.00 / Piece</td><td style="display:none">HouseHold</td></tr><tr><td style="width: 75%;">Pillow Cover (Silk)</td><td><i class="fa fa-inr"></i> 70.00 / Piece</td><td style="display:none">HouseHold</td></tr><tr><td style="width: 75%;">Pillow Cover (Cotton)</td><td><i class="fa fa-inr"></i> 60.00 / Piece</td><td style="display:none">HouseHold</td></tr><tr><td style="width: 75%;">Table Mat</td><td><i class="fa fa-inr"></i> 15.00 / Piece</td><td style="display:none">HouseHold</td></tr><tr><td style="width: 75%;">Toy</td><td><i class="fa fa-inr"></i> 250.00 / Piece</td><td style="display:none">HouseHold</td></tr></tbody></table>
<table class="table"><caption style="font-size: 25px; color: black">Steam Iron</caption><tbody style="font-size: 15px; color: black" id="tableprice"><tr><td style="width: 75%;">Shirt (simple)</td><td><i class="fa fa-inr"></i> 10.00 / Piece</td><td style="display:none">Both</td></tr><tr><td style="width: 75%;">Safari Suit</td><td><i class="fa fa-inr"></i> 65.00 / Piece</td><td style="display:none">Male</td></tr><tr><td style="width: 75%;">Gents Suit (2 Pcs)</td><td><i class="fa fa-inr"></i> 60.00 / Piece</td><td style="display:none">Male</td></tr><tr><td style="width: 75%;">Gents Suit (3 Pcs)</td><td><i class="fa fa-inr"></i> 100.00 / Piece</td><td style="display:none">Male</td></tr><tr><td style="width: 75%;">Tie</td><td><i class="fa fa-inr"></i> 10.00 / Piece</td><td style="display:none">Both</td></tr><tr><td style="width: 75%;">Saree (embroidered)</td><td><i class="fa fa-inr"></i> 20.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Ladies Pyjami</td><td><i class="fa fa-inr"></i> 10.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Ladies Western Suit</td><td><i class="fa fa-inr"></i> 55.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Shirt (Children)</td><td><i class="fa fa-inr"></i> 10.00 / Piece</td><td style="display:none">Both</td></tr><tr><td style="width: 75%;">Children Jeans</td><td><i class="fa fa-inr"></i> 15.00 / Piece</td><td style="display:none">Both</td></tr><tr><td style="width: 75%;">Frock</td><td><i class="fa fa-inr"></i> 15.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Kurta Pyjama (Cotton)</td><td><i class="fa fa-inr"></i> 30.00 / Piece</td><td style="display:none">Male</td></tr><tr><td style="width: 75%;">Kurta Pyjama (Silk)</td><td><i class="fa fa-inr"></i> 40.00 / Piece</td><td style="display:none">Male</td></tr><tr><td style="width: 75%;">Ladies suit 2 pcs (Crepe, Chiffon or Georgette)</td><td><i class="fa fa-inr"></i> 20.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Ladies suit 3 pcs (Crepe, Chiffon or georgette )</td><td><i class="fa fa-inr"></i> 30.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Ladies Kurti</td><td><i class="fa fa-inr"></i> 10.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Ladies Dress (Short or Knee Length)</td><td><i class="fa fa-inr"></i> 25.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Ladies Dress (Long)</td><td><i class="fa fa-inr"></i> 35.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Saree (Silk)</td><td><i class="fa fa-inr"></i> 15.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Saree (Cotton)</td><td><i class="fa fa-inr"></i> 10.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Ladies Top</td><td><i class="fa fa-inr"></i> 10.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Dupatta Plain</td><td><i class="fa fa-inr"></i> 10.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Over Coat (Knee Length)</td><td><i class="fa fa-inr"></i> 40.00 / Piece</td><td style="display:none">Both</td></tr><tr><td style="width: 75%;">Coat (Formal)</td><td><i class="fa fa-inr"></i> 35.00 / Piece</td><td style="display:none">Both</td></tr><tr><td style="width: 75%;">Ladies suit 2 pcs (Cotton)</td><td><i class="fa fa-inr"></i> 30.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Ladies suit 3 pcs (Cotton)</td><td><i class="fa fa-inr"></i> 50.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Ladies suit-Worked 2 pcs (Cotton)</td><td><i class="fa fa-inr"></i> 40.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Ladies suit-Worked 2 pcs (Crepe, Chiffon or georgette )</td><td><i class="fa fa-inr"></i> 40.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Ladies suit-Worked 2 pcs (Silk)</td><td><i class="fa fa-inr"></i> 60.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Ladies suit-Worked 3 pcs (Crepe, Chiffon or georgette )</td><td><i class="fa fa-inr"></i> 80.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Ladies suit-Worked 3 pcs (Silk)</td><td><i class="fa fa-inr"></i> 45.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Ladies Western Suit (2pcs)</td><td><i class="fa fa-inr"></i> 70.00 / Piece</td><td style="display:none">Female</td></tr></tbody></table>
<table class="table"><caption style="font-size: 25px; color: black">Wash and Iron</caption><tbody style="font-size: 15px; color: black" id="tableprice"><tr><td style="width: 75%;">Shirt (simple)</td><td><i class="fa fa-inr"></i> 10.00 / Piece</td><td style="display:none">Both</td></tr><tr><td style="width: 75%;">Sweat Shirt</td><td><i class="fa fa-inr"></i> 15.00 / Piece</td><td style="display:none">Both</td></tr><tr><td style="width: 75%;">Ladies Pyjami</td><td><i class="fa fa-inr"></i> 15.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Shirt (Children)</td><td><i class="fa fa-inr"></i> 20.00 / Piece</td><td style="display:none">Both</td></tr><tr><td style="width: 75%;">Children Jeans</td><td><i class="fa fa-inr"></i> 20.00 / Piece</td><td style="display:none">Both</td></tr><tr><td style="width: 75%;">Kurta Pyjama (Cotton)</td><td><i class="fa fa-inr"></i> 30.00 / Piece</td><td style="display:none">Male</td></tr><tr><td style="width: 75%;">Ladies Dress (Short or Knee Length)</td><td><i class="fa fa-inr"></i> 30.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Ladies Dress (Long)</td><td><i class="fa fa-inr"></i> 25.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Saree (Cotton)</td><td><i class="fa fa-inr"></i> 15.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Ladies Top</td><td><i class="fa fa-inr"></i> 20.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Dupatta Plain</td><td><i class="fa fa-inr"></i> 15.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Trouser (Formal)</td><td><i class="fa fa-inr"></i> 15.00 / Piece</td><td style="display:none">Both</td></tr><tr><td style="width: 75%;">Kurta Pyjama (Worked-Kurta Patti)</td><td><i class="fa fa-inr"></i> 35.00 / Piece</td><td style="display:none">Male</td></tr><tr><td style="width: 75%;">Ladies suit 2 pcs (Cotton)</td><td><i class="fa fa-inr"></i> 40.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Ladies suit 3 pcs (Cotton)</td><td><i class="fa fa-inr"></i> 50.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Ladies suit-Worked 2 pcs (Cotton)</td><td><i class="fa fa-inr"></i> 25.00 / Piece</td><td style="display:none">Female</td></tr><tr><td style="width: 75%;">Ladies Anarkali Suit 2pcs (Net Worked)</td><td><i class="fa fa-inr"></i> 35.00 / Piece</td><td style="display:none">Female</td></tr></tbody></table>
</div>
</body>
</html>
I am able to hide the row if it doesnot match the selected radio button. But if all rows hide since no match is there the caption is still there . I want to hide the caption also if table has no visible rows
