JSFiddle - React, Tailwind, and code Playground
HTML
<input id="name1" name="name1" class="name" value="Option Name 1" type="checkbox">
<input id="price1" name="price1" class="price" value="125" type="checkbox">Option Name 1<br>
<input id="name2" name="name2" class="name" value="Option Name 2" type="checkbox">
<input id="price2" name="price2" class="price" value="150" type="checkbox">Option Name 2<br>
<input id="name3" name="name3" class="name" value="Option Name 3" type="checkbox">
<input id="price3" name="price3" class="price" value="175" type="checkbox">Option Name 3<br>
JavaScript
$(document).ready(function() {
$(".name").change(function(){
if($(this).is(":checked")){
$(this).next().prop("checked","checked");
}else{
$(this).next().removeProp("checked");
}
})
});