JSFiddle - React, Tailwind, and code Playground

HTML

<form>
    <label><input type="radio" name="btn" id="btn1" data-image="https://c2.staticflickr.com/8/7704/17119639196_a3eef28345_n.jpg" data-text="Sikke en fin by" checked> Button 1</label><br>
    <label><input type="radio" name="btn" id="btn2" data-image="https://c2.staticflickr.com/8/7586/17142483715_d495a6f67b_n.jpg" data-text="Wow en stor hare"> Button 2</label><br>
    <label><input type="radio" name="btn" id="btn3" data-image="https://c1.staticflickr.com/9/8693/16955916410_639a8218e3_n.jpg" data-text="Et stort blad"> Button 3</label><br>
    <label><input type="radio" name="btn" id="btn4" data-image="https://c1.staticflickr.com/9/8739/17115467896_3b88abb808_n.jpg" data-text="En fin blomst"> Button 4</label><br>
</form>
<div id="text" style="height:100;background-color:gray">Sikke en fin by</div>
<img id="image" src="https://c2.staticflickr.com/8/7704/17119639196_a3eef28345_n.jpg">

JavaScript

$(":input").change(function(event){
    $("#text").text($(this).data("text"));
    $("#image").attr("src", $(this).data("image"));
});