首页 > JavaScript > 我如何知道通过jQuery选择了哪个单选按钮?

我如何知道通过jQuery选择了哪个单选按钮?

上一篇 下一篇

我有两个单选按钮,想要发布所选按钮的值。
如何使用 jQuery 获取值?

我可以像这样得到所有这些:

$("form :radio")

我怎么知道选择了哪一个?

分割线

网友回答:

使用这个..

$("#myform input[type='radio']:checked").val();

分割线

网友回答:

如果已有对单选按钮组的引用,例如:

var myRadio = $("input[name=myRadio]");

使用该函数,而不是 .( 用于查找子元素/后代元素,而搜索所选元素中的顶级元素。filter()find()find()filter()

var checkedValue = myRadio.filter(":checked").val();

笔记:这个答案最初纠正了另一个建议使用的答案,似乎已经改变了。 对于您已经引用了容器元素但没有对单选按钮的引用的情况仍然有用,例如:find()find()

var form = $("#mainForm");
...
var checkedValue = form.find("input[name=myRadio]:checked").val();

分割线

网友回答:

获取具有 id 的表单的选定项的值:radioNamemyForm

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

下面是一个示例:

$('#myForm input').on('change', function() {
  alert($('input[name=radioName]:checked', '#myForm').val());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="myForm">
  <fieldset>
    <legend>Choose radioName</legend>
    <label><input type="radio" name="radioName" value="1" /> 1</label> <br />
    <label><input type="radio" name="radioName" value="2" /> 2</label> <br />
    <label><input type="radio" name="radioName" value="3" /> 3</label> <br />
  </fieldset>
</form>

模板简介:该模板名称为【我如何知道通过jQuery选择了哪个单选按钮?】,大小是暂无信息,文档格式为.编程语言,推荐使用Sublime/Dreamweaver/HBuilder打开,作品中的图片,文字等数据均可修改,图片请在作品中选中图片替换即可,文字修改直接点击文字修改即可,您也可以新增或修改作品中的内容,该模板来自用户分享,如有侵权行为请联系网站客服处理。欢迎来懒人模板【JavaScript】栏目查找您需要的精美模板。

相关搜索
  • 下载密码 lanrenmb
  • 下载次数 259次
  • 使用软件 Sublime/Dreamweaver/HBuilder
  • 文件格式 编程语言
  • 文件大小 暂无信息
  • 上传时间 03-01
  • 作者 网友投稿
  • 肖像权 人物画像及字体仅供参考
栏目分类 更多 >
热门推荐 更多 >
响应式 微信模板 html5 微信图片 企业网站 微信公众平台 微信素材 单页式简历模板 微信文章 自适应
您可能会喜欢的其他模板