我的网页上有3个单选按钮,如下所示:

<label for="theme-grey">
  <input type="radio" id="theme-grey" name="theme" value="grey" />Grey</label>
<label for="theme-pink">
  <input type="radio" id="theme-pink" name="theme" value="pink" />Pink</label>
<label for="theme-green">
  <input type="radio" id="theme-green" name="theme" value="green" />Green</label>

在jQuery中,我想在单击这三个按钮中的任何一个时获取所选单选按钮的值.在jQuery中,我们有id(#)和class(.)选择器,但如果我想找到一个单选按钮的名称,如下所示?

$("<radiobutton name attribute>").click(function(){});

请告诉我如何解决这个问题.

推荐答案

应该是这样的,所有这些都在documentation中,它有一个非常类似的例子:

$("input[type='radio'][name='theme']").click(function() {
    var value = $(this).val();
});

我还应该指出,在该代码段中有多个相同的ID.这是无效的HTML.使用类对一组元素进行分组,而不是ID,因为它们应该是唯一的.

Javascript相关问答推荐

如何根据 PHP 变量中的值显示 div

对数组中的所有数字求和,直到达到某个值

更改路径时react 路由dom不起作用

React 什么时候调用组件构造函数,执行流程是怎样的?

在提交表单之前询问用户

使用 HTML、CSS 和 JavaScript 在页面刷新时保持选定的主题

如何对齐左侧、叠加和全高侧导航菜单

需要目录而不是 js 文件

如何解决这个错误“Uncaught TypeError: inputArgs[0].match is not a function”

使用我的像素艺术程序时出现奇怪的视觉错误

如何使用 JavaScript 对从 JSON 数据生成的 HTML Div 使用搜索/过滤器?

使用 jquery-confirm 确认框停止回发,似乎无法获得返回值(webform 项目)

输入数字必须是 6 位数字或 9 位数字

视频在 chrome 中播放,但没有在 safari 浏览器中播放

正文尺寸小于视口时如何设置背景 colored颜色 ?

如何让 Javascript 跟踪我的分数增量?

ReactJS中的递归组件返回属性未定义错误

深入研究 Rx.ReplaySubject:如何延迟 `next()`?

在 Javascript 中,(动态)导入的 ES6-Module 实例的类型/类是什么?

在查询中遇到子选择,但store 没有对象引用.有Angular 的