JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
<li><input type='radio' name='wr_1' class="ppp">체크1</li>
<li><input type='radio' name='wr_1' class="ppp">체크2</li>
<li><input type='radio' name='wr_1' class="ppp">체크3</li>
</ul>

<ul>
<li><input type='radio' name='wr_2' class="ppp">체크1</li>
<li><input type='radio' name='wr_2' class="ppp">체크2</li>
<li><input type='radio' name='wr_2' class="ppp">체크3</li>
</ul>

JavaScript

$(":radio[name^='wr_']").on('click', function() {
	thisRadio = $(this);
	n = $(this).attr('name');
	
  if (thisRadio.hasClass("imChecked")) {
      thisRadio.prop('checked', false).removeClass("imChecked");
  } else {
      thisRadio.prop('checked', true);
      thisRadio.parent().siblings().find(":radio[name='"+ n + "']").prop('checked', false);
      thisRadio.addClass("imChecked").parent().siblings().find(":radio[name='"+ n + "']").removeClass("imChecked");     
  }
});