JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<div class="checkbox">
	<label class="payment input-parent">
		<input type="radio" name="payment" value="1" id="payment_1" > Наличными
	</label>
</div>
<div class="checkbox">
	<label class="payment input-parent">
		<input type="radio" name="payment" value="14" id="payment_14"> Онлайн
		<div class="pm-selector" >
			<input id="visamc" type="radio" name="card" value="visamc" />
			<label class="drinkcard-pm visamc" for="visamc" >VISA</label>
			<input id="mc" type="radio" name="card" value="mc" />
			<label class="drinkcard-pm mc" for="mc">MasterCard</label>
		</div>
	</label>
</div>

JavaScript

$(document).on('change', 'input[name="card"]', function(){
	$('#payment_14').trigger('click');
});
$(document).on('click', 'input[name="payment"]', function(){
	if ($(this).val() != 14) {
  	$('input[name="card"]').removeAttr("checked");
  }
});