JSFiddle - React, Tailwind, and code Playground

by der_robert

HTML

Angebot 1 -><input type="text" id="angebot_1_summe" value="10.99"> - <input type="text" id="angebot_1_gebuehr" value="3.21"><br />
Angebot 2 -><input type="text" id="angebot_2_summe" value="5.47">  - <input type="text" id="angebot_2_gebuehr" value="12.38"><br />
Angebot 3 -><input type="text" id="angebot_3_summe" value="25.10"> - <input type="text" id="angebot_3_gebuehr" value="9.99"><br />    

<hr>

<label for="angebot_1">Angebot 1</label>
    <input type="radio" id="angebot_1" name="angebot"><br />
        
<label for="angebot_2">Angebot 2</label>
    <input type="radio" id="angebot_2" name="angebot"><br />        
        
<label for="angebot_3">Angebot 3</label>
    <input type="radio" id="angebot_3" name="angebot"><br />                
        
<hr>
    
Feld 1 -> <input type="text" id="summe" name="summe"><br /> 
Feld 2 -> <input type="text" id="gebuehr" name="gebuehr">

JavaScript

$("input[type='radio']").on("change",function(){
    var id = $(this).attr("id");
    var summe = $("#"+id+"_summe").val();
    var gebuehr = $("#"+id+"_gebuehr").val();
    
    $("#summe").val(summe);
    $("#gebuehr").val(gebuehr);
});