JSFiddle - React, Tailwind, and code Playground

by huuzoo

HTML

<label><input type="radio" name="sample" id="a" onclick="changeImg(this)">画像Aを表示</label>
<label><input type="radio" name="sample" id="b" onclick="changeImg(this)">画像Bを表示</label>

<img src="https://web-tsuku.life/wp-content/uploads/2019/06/setattribute-default.png" id="target">

CSS

label {
  display: block;
}

JavaScript

function changeImg(radio) {
	var radio_id = radio.id;
  var target = document.getElementById('target');
  target.setAttribute('src', 'https://web-tsuku.life/wp-content/uploads/2019/06/set_attribute_' + radio_id + '.png')
}