2013-08-02 25 views
2

我試圖拉取具有特定類名的無線電的'data-val'。jQuery找到類名稱的收音機的值

我需要它:有類「正確的」

我不能爲我的生命怎麼會想到做這RadioGroup中內查找元素的數據-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> 

回答

2

嘗試使用.data()方法:

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

JSBin Demo

+0

如果我用你的代碼,不會從兩個radiogroups提取數據-VAL?我需要它從一個特定的radiogroup拉。 (name = rads1)或(name = rads2)。儘管這非常接近!謝謝! – Sanya

+0

@三亞的確,我剛剛更新了相應的答案...... :) – DarkAjax

+0

這太棒了!謝謝 – Sanya

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

你想遍歷元素,你可能有多個元素同班。

使用地圖

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

Check Fiddle