<label for="radio1"> This Radio Button 1 has a label associated with it.</label> <input type="radio" name="Radio" id="radio1" />
above code has a label and radio button , the label is associated with radio button using the for attribute.
I would like to get the label text if user selects/checks the associated radio button.
<label for="radio1"> This Radio Button 1 has a label associated with it.</label> <input type="radio" name="Radio" id="radio1" />
above code has a label and radio button , the label is associated with radio button using the for attribute.
I would like to get the label text if user selects/checks the associated radio button.
Share Improve this question asked Apr 6, 2011 at 10:01 SandhurstSandhurst 1,1805 gold badges26 silver badges41 bronze badges5 Answers
Reset to default 3I know this question is months old, and even already has an accepted answer, but every response here uses the prev
method. Just wanted to point out that a slightly more robust technique would be using an attribute selector:
$('input:radio').click(function () {
var txt = $('label[for=' + this.id + ']').text();
alert(txt);
});
If your using jquery:
$('input[name="Radio"]').click(function(){ alert( $(this).prev('label').text() ) });
check out this example: http://jsfiddle/7FzQ9/
$('input#radio1').prev('label[for=radio1]').text();
$("input:radio").click(function() {
// if the label is before the radio button
alert( $(this).prev("label").text() );
// otherwise use
alert( $("label[for='" + this.id + "']").text() );
});
You can also use:
$("input:radio").click(function() {
var label_description = this.parentElement.outerText;
alert( label_description );
} )
Js Fiddle test:
Get the label for a radio