filter json data in a table when checkbox clicked - php

Question

I want to filter table rows when I clicked checkbox (high, low, med, small large..)from json data according to filtered value.
I am trying here filter table rows according to filter values in the Solutions.
If I clicked High checkbox, it should show only the solution of filtered value (281) ie, SolutionID(abc1234 and abc1235).
Someone can help how to achieve the filter function for json data.
I have done this with MySql and javascript with php whereclause.
Checkboxes
<input type="checkbox" id="High" name="High" onclick="applyFilter()">
<label for="High">High</label>
<input type="checkbox" id="Medium" name="Medium" onclick="applyFilter()">
<label for="Medium">Medium</label>
<input type="checkbox" id="Low" name="Low" onclick="applyFilter()">
<label for="Low">Low</label>
json data...
Nested json data have the Filter types and values. Also has solutions I can display solutions in a table. I want to filter these solutions when I clicked checkbox, it should display only particular solutions which has filter value like 281, 283 only.
{
"Program": [
{
"Id": 2,
"Name": "Solution",
"FilterTypes": [
{
"Id": 10,
"Title": "Case",
"FilterValues": [
{
"Id": 281,
"Value": "High"
},
{
"Id": 282,
"Value": "Mid"
},
{
"Id": 283,
"Value": "Low"
}
]
},
{
"Id": 10,
"Title": "Case",
"FilterValues": [
{
"Id": 284,
"Value": "Micro"
},
{
"Id": 285,
"Value": "Small"
},
{
"Id": 286,
"Value": "Large"
}
]
}
],
"Sets": [
{
"Id": 324,
"Name": "xyz",
"Solutions": [
{
"Id": 100,
"SolutionId": "abc1234",
"Title": "XYZ Solution1",
"Published": "Tested Solution1",
"Info": "This is for perticular Solution1",
"FilterValues": [
{
"FilterValueId": 281
},
{
"FilterValueId": 283
},
{
"FilterValueId": 286
}
]
},
{
"Id": 101,
"SolutionId": "abc1235",
"Title": "XYZ Solution2",
"Published": "Tested Solution2",
"Info": "This is for perticular Solution2",
"FilterValues": [
{
"FilterValueId": 282
}
]
},
{
"Id": 102,
"SolutionId": "abc1236",
"Title": "XYZ Solution3",
"Published": "Tested Solution3",
"Info": "This is for perticular Solution3",
"FilterValues": [
{
"FilterValueId": 281
},
{
"FilterValueId": 282
}
{
"FilterValueId": 286
}
]
}
]
}
]
}
]
}
Table
Table is displaying all the solutions.
<table style="border: 5px solid; padding: 0px; width: auto;" border="1">
<thead>
<tr style="background-color: #425462; color: white">
<th style="text-align: center">Solution ID</th>
<th style="text-align: center">Published</th>
<th style="text-align: center; width:10%">Info</th>
</tr>
</thead>
<?php if(count($decoded) !=0){
foreach($decoded['Programs']['Sets']['Solutions'] as $item){
?>
<tr class="solnrow1" style="background-color:;text-align: center; width: auto">
<td style="text-align: left"><?= $item['SolutionId']?></td>
<td style="text-align: left"><?= $item['Published']?></td>
<td style="text-align: left"><?= $item['Info']?></td>
</tr>
<?php
}
}
?>