Question

Code:

<input type="radio" value="x" name="a" />One<br />
<input type="radio" value="y" name="b" />Two<br />
....

I have many of radio buttons like above.

How can I get text string after a radio when it has been clicked?

EDITING HTML IS NOT POSSIBLE

Answer 1

You could use jQuery to grab the nextSibling data from that since the text is not part of the current input tag and isn’t wrapped in any tags.

jQuery:

$(document).ready(function() {
    $("input[type=radio]").click(function(e) {
        var radioText = e.currentTarget.nextSibling.data
        alert(radioText);
    });
});

EDIT:
Little late for another edit but you could use labels or wrap your text in a p or span tag for making it easier to target with jQuery

<input type="radio" value="x" name="a" /><span>One</span><br />
<input type="radio" value="y" name="b" /><span>Two</span><br />

    (function(){
        var inputs = $('input[type=radio]');
        inputs.each(function(i, elm){
            console.log($(elm).next().html());
        })
    })();

You will see in the log the text of the span elements. (in the console)