JSFiddle - React, Tailwind, and code Playground
HTML
<form action='' method='post'>
<div class="buttons-holder">
<label class="my-btn">
<input name="example" value="1" type="radio"> YES
</label>
<label class="my-btn">
<input name="example" value="0" checked="checked" type="radio"> NO
</label>
</div>
<div class="buttons-holder">
<label class="my-btn">
<input name="example2" value="1" type="radio"> YES
</label>
<label class="my-btn">
<input name="example2" value="0" checked="checked" type="radio"> NO
</label>
<label class="my-btn">
<input name="example2" value="2" type="radio"> Maybe
</label>
</div>
</form>
CSS
.wrap{
background: #DDDDDD;
margin-bottom:15px;
}
JavaScript
$('form label:has(input[type="radio"]) + label:has(input[type="radio"])').each(function() {
$(this).add($(this).siblings('label')).wrapAll('<div class="wrap"></div>');
});