ONCLICK RADIO PUT VALUE ON INPUT

by Carl Angelo Nievarez

HTML

<input class="p" type="radio" name="radio" value="P1">P1
<input class="p" type="radio" name="radio" value="P2">P2
<input class="p" type="radio" name="radio" value="P3">P3


<input class="vp" type="radio" name="radio" value="VP1">VP1
<input class="vp" type="radio" name="radio" value="VP2">VP2
<input class="vp" type="radio" name="radio" value="VP3">VP3
<br>
<input id="target" placeholder="P"/>
<input id="target2" placeholder="VP"/>

JavaScript

$('.p').on('change', function() {
    $('#target').val( $(this).val() );
});
$('.vp').on('change', function() {
    $('#target2').val( $(this).val() );
});