javascript - 如何从具有相同名称的元素组中获取选定的值?

标签 javascript jquery jquery-selectors

<分区>

我有两个名称相同但值不同的单选按钮。在提交表单之前,我必须检查选择的 ID 值是否正确,否则会向用户发送消息。

这是我的 HTML 代码:

<td>
 <label>
   <span><input type="radio" name="directed" value="1" id="directed_yes"></span>
   <span>Yes</span>
 </label><br>
 <label>
   <span><input type="radio" name="directed" value="0" id="directed_no"></span>
   <span>No</span>
 </label>
</td>

这是我尝试使用的 JQuery:

var directed = $('input[name=directed]').each(function(){
  alert($(this).val())
});

此代码为我提供了具有相同名称的元素的所有值,我只需要选定的值。之后,我必须在提交表单之前检查该值是否有效。如果有人知道如何获得选定的值(value),请告诉我。谢谢。

最佳答案

你可以只使用 :checked 选择器和 val(): 像这样:

var directed = $('input[name=directed]:checked').val();

$('button').click(function() {
    var directed = $('input[name=directed]:checked').val();
    alert(directed);
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label>
    <span><input type="radio" name="directed" value="1" id="directed_yes"></span>
    <span>Yes</span>
</label>
<br>
<label>
    <span><input type="radio" name="directed" value="0" id="directed_no"></span>
    <span>No</span>
</label>

<br /><br />
<button>Get value</button>

关于javascript - 如何从具有相同名称的元素组中获取选定的值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34795840/

相关文章:

javascript - 不带参数的匿名函数返回带参数的自身

javascript - document.style.display 由于某种原因不粘

javascript - 使用完全限定的 URL 在 Sizzle 中选择元素的方法

javascript - JavaScript cookie 的最大生命周期

jquery - 如果通过 jQuery 匹配某个字符串,则获取 "target"属性的值

javascript - 尝试使用 JQuery 单击 <a> 链接但标签没有任何描述符

javascript - 选择子对象

jquery - 使用 jQuery 填充具有相同值的多个选择控件

jQuery 多种表单和表单插件

javascript - 如何根据下拉选择更改跨度的内容