Check number of checkboxes depending on input

I have this following checkbox on my page

<div class="col-sm-6">
    <label>Product Show</label>
    <input type="checkbox" name="edprodShow" value="1" >Shape<br>
    <input type="checkbox" name="edprodShow" value="2" >Color<br>
    <input type="checkbox" name="edprodShow" value="3" >Design<br>
</div>   

I would get values like 1 or 2 or 3(Externally, like in a JSON and i would extract that data). I want to set first check box if 1 and 1st and 2nd if two check box and all three if I get 3.(i.e) Get only shape for 1 and color + shape for 2 and color+shape+design for 3

I have tried many sources and ways but not finding the appropriate output how can I do it ?