Call a function on radio select

[ninoserveone]

I'd like to know how to call a function when a radio is selected. This works with plain form (without cf) but doesn't seem to work with cf:

<input type="radio" value="writelist" name="option2" cf-label="Write List" onclick="grabName();"/>

What the function does is grab the value of the first question and display it inside a span with id generated when the radio is clicked.

         function grabName() {
        var fname = document.getElementById("name").value;
            document.getElementById("generated").innerHTML = "Hello, " + fname; + "!";

        }