在选择单选按钮上捕获标签文本

Question

 function select() { return ($('input[type=radio]:checked + label').text()); } 

 <div class="push-right"> <div class="radio inline"> <input class="radio ui-helper-hidden-accessible" name="fadder_applicant_type_person" id="fadder-female" title="female" value="2" type="radio" style="display: none;"><span class="ui-radio ui-radio-state-checked ui-radio-checked"></span> <label for="fadder-female" class="ui-radio ui-radio-state-checked ui-radio-checked"> Kvinna </label> </div> <div class="radio inline"> <input class="radio ui-helper-hidden-accessible" name="fadder_applicant_type_person" id="fadder-male" title="man" value="1" type="radio" style="display: none;"><span class="ui-radio"></span> <label for="fadder-male" class="ui-radio"> Man </label> </div> </div> 

在“选择单选按钮”上，但是如果我选择了单选按钮，则希望在选择时获得文本标签。“ fadder-male文本应捕获为“ Man”

Answer 1

如果每次输入更改时都想要文本，请尝试以下操作

 $('input[type=radio]').on('change',function(){
    console.log($.trim($(this).siblings('label').text()));
 });

Answer 2

function labelValue(id){
 if($("#"+id).is(':checked')){
   var currlable = $("#"+id).siblings('label').text();
   return currlable;
 }
}

$("input[type=radio]").on("click",function(e){
  var id = $(this).attr("id");
  var labv = labelValue(id);
  alert(labv);
});

这是工作提琴
https://jsfiddle.net/mcyee0eg/3/

Answer 3

您可能要尝试以下操作：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

<label for="demo">Demo</label>
<input type="radio" id="demo" />

<script>
$(document).ready(function(){
    $("#demo").click(function(){
        alert($("label[for='demo']").html());
    });
});
</script>

简单的jQuery代码