JSFiddle - React, Tailwind, and code Playground

HTML

<label><input type="checkbox" name="g" value="1">1</label>
<label><input type="checkbox" name="g" value="2">2</label>
<label><input type="checkbox" name="g" value="3">3</label>
<label><input type="checkbox" name="g" value="4">4</label>
<label><input type="checkbox" name="g" value="5">5</label>
<div class="result">r</div>

CSS

.result {
  font-size:20px;
  line-height:30px;
  padding:10px;
  outline:1px solid black;
}

JavaScript

$('input[name="g"]').change(function() {
	var imgName = 'r';
	$('input[name="g"]:checked').each(function() {
  	imgName=imgName+$(this).val()
  });
  $('.result').text(imgName);
});