JSFiddle - React, Tailwind, and code Playground

by Milos Maric

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<div class="form-group ">
<label class="control-label col-sm-7 left" for="indikator1">2. Klijent koristi složenu poslovnu strukt. bez  očigledn. razloga, naročito ako se stvarni vlasnik ne može utvrditi </label>
 <div class="col-sm-2">
 <div class="radio-inline">
 <label><input type="radio" class="promena"  name="rizici_radio2" value="1" >1</label>
  </div>
 <div class="radio-inline">
 <label><input type="radio" class="promena" checked name="rizici_radio2" value="0">0</label>
 </div>
 <span class="badge right" id="scores2">0</span>
 <input type="hidden" name="bodovi2" id="bodovi2"/>
</div>
     <div class="col-sm-3">
     <div class="input-group">
    <span class="input-group-addon glyphicon glyphicon-calendar"></span>
    <input type="text" name="datum2" value="" class="form-control datepicker" id="datepicker2" placeholder="Unesite datum">
  </div>
    </div>
 </div>

JavaScript

var = ukupno = 13; // number of rows in table.
$(".promena")
           .change(function(){ // bind a function to the change event
              if( $(this).is(":checked") ){ // check if the radio is checked
               var val = $(this).val(); // retrieve the value
               for(var i = 1; i<ukupno; i++) {
                  $("input[name='bodovi" + i + "']").val(val); //set hidden with selected value
                   $("span[id='scores" + i + "']").text(val); //update span with value of selected radio
       }               
     }
 });