jQuery 查找具有类名的收音机的值答案

【问题标题】：jQuery find the value of a radio with a class namejQuery 查找具有类名的收音机的值
【发布时间】：2013-08-04 05:56:14
【问题描述】：

我正在尝试提取具有特定类名的收音机的“data-val”。

我需要它：在具有“正确”类的无线电组中查找元素的数据值

我这辈子都想不出该怎么做。有什么想法吗？

HTML

<fieldset>
    <input type='radio' name='rads1' id='x1' data-val='23' class='correct'/>
    <label for='x1'>#1</label><br/>
    <input type='radio' name='rads1' id='x2' data-val='46' class='incorrect'/>
    <label for='x2'>#2</label><br/>
    <input type='radio' name='rads1' id='x3' data-val='16' class='incorrect'/>
    <label for='x3'>#3</label><br/>
    <input type='radio' name='rads1' id='x4' data-val='52' class='incorrect'/>
    <label for='x4'>#4</label><br/>
</fieldset><br/>
<fieldset>
    <input type='radio' name='rads2' id='y1' data-val='3' class='incorrect'/>
    <label for='y1'>#1</label><br/>
    <input type='radio' name='rads2' id='y2' data-val='6' class='incorrect'/>
    <label for='y2'>#2</label><br/>
    <input type='radio' name='rads2' id='y3' data-val='36' class='correct'/>
    <label for='y3'>#3</label><br/>
    <input type='radio' name='rads2' id='y4' data-val='12' class='incorrect'/>
    <label for='y4'>#4</label><br/>
</fieldset>

【问题讨论】：

标签： jquery class radio

【解决方案1】：

尝试使用 .data() 方法：

$('input[type=radio][name=rads1].correct').data('val');
// Or [name=rads2] depending on which one you want...

JSBin Demo

【讨论】：

如果我使用你的代码，它不会从两个无线电组中提取 data-val 吗？我需要它从特定的无线电组中提取。（名称=rads1）或（名称=rads2）。不过，这非常非常接近！谢谢！
这太棒了！谢谢

【解决方案2】：

$('.correct').each(function() {
    console.log(  $(this).data('val'))
});

您可能希望遍历元素，因为您可能有多个具有相同类的元素。

使用地图

var values = $('.correct').map(function() {
                return $(this).data('val');
            }).get();
console.log(values.join(','));

Check Fiddle

【讨论】：