JSFiddle - React, Tailwind, and code Playground
HTML
<div class="question_answer">
<div id="statementRow_1" class="clearfix t_a_ui_data_list_content">
<div class="question">
<p>answer[1] answer[1] answer[1] answer[1] answer[1] answer[1] answer[1] answer[1] answer[1] answer[1] answer[1] answer[1] answer[1] answer[1] answer[1] </p>
</div>
<div class="answer">
<ul><li><input type="radio" name="statement_1" id="1_1_0"value="0">0</li><li><input type="radio" name="statement_1" id="1_1_1" value="1">1</li><li><input type="radio" name="statement_1" id="1_1_2" value="2">2</li><li><input type="radio" name="statement_1" id="1_1_3" value="3">3</li></ul> </div>
</div>
<div class="question_answer">
<div id="statementRow_2" class="clearfix t_a_ui_data_list_content">
<div class="question">
<p>Derde Derde Derde Derde Derde Derde Derde Derde Derde Derde Derde Derde Derde Derde Derde Derde Derde Derde Derde Derde Derde Derde Derde Derde Derde Derde Derde Derde Derde </p>
</div>
<div class="answer">
<ul><li><input type="radio" name="statement_2" id="1__0" value="0">0</li><li><input type="radio" name="statement_2" id="1_2_1" value="1">1</li><li><input type="radio" name="statement_2" id="1_2_2" value="2">2</li><li><input type="radio" name="statement_2" id="1_2_3" value="3">3</li></ul> </div>
</div>
<div><hr /></div>
</div>
</div>
<div class="score">
Mean score: <span id="avg_1"> </span>
</div>
JavaScript
var answered = new Array();
$(document).ready(function() {
$('input:radio').click(function() {
var statementScore = $(this).attr('id');
var answer = statementScore.split('_');
if(answered[answer[1]] != '1') {
$.ajax({
url: "/foo/bar",
type: 'POST',
data: {
id: answer[1],
value: answer[2]
},
success: function(){
answered[answer[1]] = '1';
}
});
} else {
$.ajax({
url: "/foo/bar2",
type: 'POST',
data: {
id: answer[1],
value: answer[2]
}
});
}
var avg = $('input[id^=' + answer[0] + ']:checked').avg();
$('span[id=avg_' + answer[0] + ']').text(avg);
});
});