最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

get associated radio button label text using javascript - Stack Overflow

programmeradmin3浏览0评论
<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 badges
Add a ment  | 

5 Answers 5

Reset to default 3

I 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

发布评论

评论列表(0)

  1. 暂无评论