Question

我正在尝试获取属于已检查单选按钮的td文本，但我不能并且我的代码无法正常工作：

  <tr>
    <td><input name="radio_org_id" type="radio"></td>  
        <td>male</td>                                                        
     </tr>

$("body").on("change", "input[name='radio_org_id']:radio:checked", function () {
$('input[name="radio_org_id"]:radio:checked').each(function () {
    var vIns_title = $(this).next().find('td').text()
    alert(vIns_title)
});

Answer 1

使用$(this).parent().next("td").text()

$("body").on("change", "input[name='radio_org_id']:radio:checked", function() {
  $('input[name="radio_org_id"]:radio:checked').each(function() {
    var vIns_title = $(this).parent().next("td").text()
    alert(vIns_title)
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td><input name="radio_org_id" type="radio"></td>
    <td>male</td>
  </tr>
  <tr>
    <td><input name="radio_org_id" type="radio"></td>
    <td>female</td>
  </tr>
</table>

Answer 2

为closest()试用此$(this).closest('td').next('td').text()文档。你的点击功能选择器是错误的。所以改变就像这样"input[name='radio_org_id']"

＆＃13;

$("body").on("change", "input[name='radio_org_id']", function() {
      $('input[name="radio_org_id"]:checked').each(function() {
        var vIns_title = $(this).closest('td').next('td').text()
        console.log(vIns_title)
      });
      })

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tr>
  <td><input name="radio_org_id" type="radio"></td>
  <td>male</td>
</tr>
<table>

＆＃13;

Answer 3

您的初始选择器存在缺陷，因为您只选择了checked元素。 :radio也是多余的。

要解决您的问题，请使用closest().next()获取同级td元素。试试这个：

$('table').on("change", "input[name='radio_org_id']", function() {
  if ($(this).is(':checked')) {
    var vIns_title = $(this).closest('td').next('td').text()
    console.log(vIns_title)
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td><input name="radio_org_id" type="radio"></td>
    <td>male</td>
  </tr>
  <tr>
    <td><input name="radio_org_id" type="radio"></td>
    <td>female</td>
  </tr>
</table>

您还应该注意，通过在无线电输入上放置value并在JS代码中读取它，可以使这更加简单。

如何获取属于选中单选按钮的td文本

3 个答案: