jquery - jQueryを使用して値の代わりにラジオボタンのテキストを取得するにはどうすればよいですか？

Question

これはソフトウェアによって生成されたコードです

<div id="cred_form_3584_1_wpcf-ticket-month-or-course-radios" class="myzebra-radios">
  <div class="myzebra-radios-single">
    <label class="myzebra-style-label">
      <input id="cred_form_3584_1_wpcf-ticket-month-or-course_wpcf-fields-radio-option-a6da15467aeb84f539c0dc1cd766ccd6-2" class="myzebra-control myzebra-radio myzebra-prime-name-wpcf-ticket-month-or-course" type="radio" checked="checked" value="wpcf-fields-radio-option-a6da15467aeb84f539c0dc1cd766ccd6-2" name="wpcf-ticket-month-or-course">
      <span class="myzebra-radio-replace"></span>
    </label>
    <label id="cred_form_3584_1_label_wpcf-ticket-month-or-course_wpcf-fields-radio-option-a6da15467aeb84f539c0dc1cd766ccd6-2" for="cred_form_3584_1_wpcf-ticket-month-or-course_wpcf-fields-radio-option-a6da15467aeb84f539c0dc1cd766ccd6-2">per month</label>
  </div>
<div class="myzebra-radios-single">
  <label class="myzebra-style-label">
    <input id="cred_form_3584_1_wpcf-ticket-month-or-course_wpcf-fields-radio-option-f63eb739e2a6499a882c8e82aa35b028-1" class="myzebra-control myzebra-radio myzebra-prime-name-wpcf-ticket-month-or-course" type="radio" value="wpcf-fields-radio-option-f63eb739e2a6499a882c8e82aa35b028-1" name="wpcf-ticket-month-or-course">
    <span class="myzebra-radio-replace"></span>
  </label>
  <label id="cred_form_3584_1_label_wpcf-ticket-month-or-course_wpcf-fields-radio-option-f63eb739e2a6499a882c8e82aa35b028-1" for="cred_form_3584_1_wpcf-ticket-month-or-course_wpcf-fields-radio-option-f63eb739e2a6499a882c8e82aa35b028-1">per course</label>
</div>

このコードの使用：

alert($('input[@name="myzebra-radios-single"]:checked').text());

値は取得しますが、テキストは取得しません。代わりにテキスト（月ごとなど）を取得するにはどうすればよいですか？

Answer 1

の内容を取得するには、その属性labelを使用する必要があります。for=

var $input = $('input[name=something]:checked');
var text = $('label[for='+$input.attr('id')+']').text();

http://jsfiddle.net/mblase75/RDPP7/

Answer 2

まず第一に、radio 要素にはテキスト値がありません。

alert($('input[@name="myzebra-radios-single"]:checked').text());
// Should be
alert($('input[@name="wpcf-ticket-month-or-course"]:checked').text());

あなたの入力を分解すると、次のようになります

<input 
    id="cred_form_3584_1_wpcf-ticket-month-or-course_wpcf-fields-radio-option-f63eb739e2a6499a882c8e82aa35b028-1" 
    class="myzebra-control myzebra-radio myzebra-prime-name-wpcf-ticket-month-or-course" 
    type="radio" 
    value="wpcf-fields-radio-option-f63eb739e2a6499a882c8e82aa35b028-1" 
    name="wpcf-ticket-month-or-course">

上記から特定の属性を選択する場合は、.val() .text() または .attr() を使用します。

Answer 3

試す ：

alert($('input[@name="myzebra-radios-single"]:checked').attr('name'));