查找每個無線電組

Question

頁

上我有多個單選按鈕組，像這樣：

<input type="radio" name="sex" value="male"> 
<input type="radio" name="sex" value="female"> 

<input type="radio" name="length" value="tall"> 
<input type="radio" name="length" value="short"> 

等等..

我的目標是找出那些頁面上的無線電組所有集合。所以在這種情況下，它會返回sex, length

到目前爲止，我能夠得到所有的輸入，但我不知道從哪裏去。

var radio_groups = []; 
$("input[type=radio]").each(function(e){ 
    //get the name 
    var name = this.attr('name'); 
}); 

Answer 1

如果你想要的是具有名字作爲鍵可以做一個對象：

var radios ={}; 
$("input[type=radio]").each(function(e){ 
    radios[this.name] = true; 
}); 

console.dir(radios); 
/* if want to convert to array */ 
var radioArray= Object.keys(radios); 

DEMO

Answer 2

使用indexOf()來檢查您是否已經看到了名字：

var radio_groups = []; 
 

 
$("input[type=radio]").each(function(e) { 
 
    var name = $(this).attr('name'); 
 

 
    if (radio_groups.indexOf(name) < 0) 
 
    radio_groups.push(name); 
 
}); 
 

 
console.log(radio_groups);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<input type="radio" name="sex" value="male"> 
 
<input type="radio" name="sex" value="female"> 
 

 
<input type="radio" name="length" value="tall"> 
 
<input type="radio" name="length" value="short">

Answer 3

你的選擇器選擇所有輸入單元枝條name屬性開始組，它不篩選出獨特的名稱

如果只想打印不同的組名稱，則

var group = {}; 
$('input[name=*][type="radio"]').each(function (index) { 
    var name = this.name; 
    var elemValue = $(this).val(); 
    if (!group[name]) { 
     group[name] = true; 
     console.log(elemValue); 
    } 
}); 

Answer 4

如果你想獲得的複選框中的值，可能需要考慮將無線電包裹在表單標籤中。像這樣：

<form id="f1"> 
    <input type="radio" name="sex" value="male"> 
    <input type="radio" name="sex" value="female"> 
    <input type="radio" name="length" value="tall"> 
    <input type="radio" name="length" value="short"> 
</form> 

然後，你可以爲每個像這樣獲得的價值：

var lenghtVal = document.forms[0].length.value; 
var sexVal = document.forms[0].sex.value; 

根據您的具體情況更換形式數組的索引。

Answer 5

試試這個：

http://jsfiddle.net/76bhs444/1/

命中F12和查看在控制檯中。這應該是你想要的。

// get all radio names 
    var radio_groups = $("input[type=radio]").map(function(e){ 
    return $(this).attr('name'); 
    }).get(); 
    console.log(radio_groups); 
// filter duplicates 
    radio_groups = $.grep(radio_groups, function(value, index) { 
    return $.inArray(value, radio_groups) === index; 
    }); 
    console.log(radio_groups);