Question

I have group of radio buttons like this:
<form>
<input class="answer" name="answer" value="10" type="radio">ans0<br>
<input class="answer" name="answer" value="11" type="radio">ans1<br>
</form>
And I have place on page where I write how many times did you click on any radio button.

<p>Clicked:</p>
<p id="clicked">0</p>

I need jquery to count all those clicks. Can you help me?

Answer 1

Attach a click-event listener to your radio buttons. Then in the callback you read the current number in the element with id clicked, you parse it into a number, add 1, and write the new value to the element.

Something like this:

// Attach a click-event listener to your radio-buttons​
$("input[type='radio']")​.on("click", function () {
    // Cache the element
    var elm = $("#clicked");
    // Read the current value
    var count = parseInt(elm.text(), 10);
    // Update the element with the new value
    elm.text(count + 1);    
});​​​​​​​​

DEMO