JSFiddle - React, Tailwind, and code Playground

HTML

<span id="auto">autoselect answer</span>
<hr>
<div class="col-sm-6 col-xs-12" data-toggle="buttons" role="group" aria-label="Options">
<label class="btn agree max" onclick="setAnswer(1, -3);">
<input type="radio" name="options" autocomplete="off">
</label>
<label class="btn agree med" onclick="setAnswer(1, -2);">
<input type="radio" name="options" autocomplete="off">
</label>
<label class="btn agree min" onclick="setAnswer(1, -1);">
<input type="radio" name="options" autocomplete="off">
</label>
<label class="btn neutral" onclick="setAnswer(1, 0);">
<input type="radio" name="options" autocomplete="off">
</label>
<label class="btn disagree min" onclick="setAnswer(1, 1);">
<input type="radio" name="options" autocomplete="off">
</label>
<label class="btn disagree med" onclick="setAnswer(1, 2);">
<input type="radio" name="options" autocomplete="off">
</label>
<label class="btn disagree max" onclick="setAnswer(1, 3);">
<input type="radio" name="options" autocomplete="off">
</label>
</div>

CSS

#auto{cursor:pointer}

JavaScript

$('#auto').on('click',function(){
		$("input[name='options']").filter('.disagree.min input').prop('checked',true)
});