使用jQuery从复选框获取标签值

Question

大家好，我希望使用以下代码捕获标签名称(72*30)：

$("input[type = 'radio']:checked:last").each(function() {
  var idVal = $(this).attr("id");
  var a = $("label[for='"+idVal+"']").text();
  alert(a);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li class="radio">
  <input class="tmcp-field nav nav-pills dimension-layer-dimension  tm-epo-field tmcp-radio" type="radio">
  <label id="tmcp_radio_9" >72*30</label> 
  <span class="price tc-price  hidden">
    <span class="amount">20 <i class="fa fa-inr"></i></span>
  </span>  
</li>

但是代码没有弹出任何 alert。有什么问题吗？

- techiva.blogspot.com

---

你可以直接使用ID获取值，为什么不呢？ - Keerthivasan

您已经给标签分配了一个ID，并且可以直接使用$("#tmcp_radio_9").text()进行访问。 - Lovepreet Singh

@KeerthiVasan 我有三个单选框，ID是动态生成的，相同的。 - techiva.blogspot.com

Answer 1

您可以使用next()方法，因为您的label标签位于(下一个)您的input输入框之后。

$("input[type='radio']:checked:last").next().text()

希望这能对您有所帮助。

您可以在这里查看演示。

- Radonirina Maminiaina

Answer 2

请使用这个关键字。

$("input[type='radio']:checked").each(function() {

   var a= $(this).next().text();
   alert(a);

});

- Keerthivasan

Answer 3

也可以试试这个

$("input[type='radio']:checked").each(function() {

   var a= $(this).closest("label").text();
   alert(a);

});

- Keerthivasan

Answer 4

试试这样做

var lb =  $('#tmcp_radio_9').text();

- Bharat