【问题标题】:Can't get input radio selected value无法获取输入单选值
【发布时间】:2017-09-11 14:52:04
【问题描述】:

我被复杂的 html 结构困住了。也无法更改,因为它来自服务器端(外部)。

我正在尝试获取输入单选值。但不能。

按照我的尝试但是,由于我功能不强,无法解决。而且也不知道我在尝试的是对还是错。

由于我尝试了多个元素 children 并且在我的 html 标记中还有其他无线电输入。

console.log($('.ClearanceItem')[0].rows[0].cells[1].children[0].children[1].children[0].children[1].children.find('input[name="myRadio"]:checked').val());
<table>
  <tbody class="ClearanceItem">
    <tr>
      <td>
        <table>
          <tbody>
            <tr>
              <td>
                <label>
                  <input type="radio" checked="checked" value="1" name="Mobile">Clear
                </label>
                <label>
                  <input type="radio" value="2" name="Mobile">Pending
                </label>
                <label>
                  <input type="radio" value="3" name="Mobile">Waived Off
                </label>
              </td>
            </tr>
          </tbody>
        </table>
      </td>
    </tr>
    <tr>
      <td>
        <table>
          <tbody>
            <tr>
              <td>
                <label>
                  <input type="radio" value="1" name="Computer">text1
                </label>
                <label>
                  <input type="radio" checked="checked" value="2" name="Computer">text2
                </label>
                <label>
                  <input type="radio" value="3" name="Computer">text3
                </label>
              </td>
            </tr>
          </tbody>
        </table>
      </td>
    </tr>

  </tbody>

</table>

任何帮助将不胜感激。

【问题讨论】:

  • console.log($('.ClearanceItem :radio[name="Computer"]:checked').val()
  • @KartikeyaKhosla 有很多收音机输入
  • 你可以用名字来区分。你不能那样做吗?
  • 在你的例子中你必须使用 $('input[name="Computer"]:checked').val()

标签: javascript jquery html


【解决方案1】:

$('input[name=radioName]:checked').val() 将返回选定的收音机。

您还可以使用以下示例指定收音机是哪个窗体的子窗体:

$('input[name=radioName]:checked', '#myForm').val()

【讨论】:

  • 第一行没问题。只需将“radioName”更改为您输入的真实名称 - 移动/计算机
  • 如果您的单选按钮名称不同,则第二行不相关。你可以使用它,但如果你用不同的形式包装它们,给它们自己的 id 并将“myForm”更改为所需的表单 id
猜你喜欢
  • 2021-06-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-06-29
  • 2016-05-10
  • 1970-01-01
  • 2021-09-30
相关资源
最近更新 更多