SO - 25766310
by Arun P Johny
HTML
<form action='' method='post'>
<div class="buttons-holder">
<label class="my-btn">
<input name="example" value="1" type="radio"/> YES
</label>
</div>
<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 .buttons-holder').filter(function(){
return $(this).children('label:has(input[type="radio"])').length == 2
}).wrapInner('<div class="wrap"></div>');;