JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/redmond/jquery-ui.css">
<div class="answers">
<input name="q1" type="radio" id="a1"/><label for="a1"><div>sometext</div><img src="http://cdn1.iconfinder.com/data/icons/free-business-desktop-icons/128/Delivery.png" alt="" onclick="this.parentNode.click();"/><br/>label 1</label>
<input name="q1" type="radio" id="a2"/><label for="a2"><img src="http://cdn1.iconfinder.com/data/icons/free-business-desktop-icons/128/Delivery.png" alt=""/><br/>label 2</label>
</div>
CSS
body
{
}
p.question
{
font-size:1.5em;
font-weight:bold;
}
div.answers{
margin-bottom:1em;
line-height: 1.5em;
}
div.answers label{
margin-left:.5em;
}
input.answer{
display:none;
}
label{
margin-left:10px;
}
JavaScript
function myFunc(){
alert('clicked');
return;
}
$(document).ready(function(){
$("div.answers").buttonset();
$("input:radio").on("click",myFunc);
$("label img").on("click",function(){this.parentNode.click();});
});