2012-04-13 81 views
0

我在兩項中使用了複選框,現在我可以獲得第二組複選框的值。 複選框第一組使用:如何在javascript中獲取多個複選框的值

<input name="option" type="checkbox" value="1" id="option1">option 1 
<input name="option" type="checkbox" value="2" id="option2">option 2 

然後

<input name="choice" type="checkbox" value="1" id="choice1">choice 1 
<input name="choice" type="checkbox" value="2" id="choice2">choice 2 

?我怎樣才能選擇複選框的值,每個組中它是隻允許選擇1個複選框。

我只需要JavaScript函數

回答

3

您可以使用此下列代碼,如果你正在使用多個複選框來獲取複選框的值。 。

$( '輸入[名稱=選項]:選中')VAL();

5

你想要一個radio button,(其中只有一個選項可以同時選擇)

<input name="option" type="radio" value="1" id="option1">option 1 
<input name="option" type="radio" value="2" id="option2">option 2 

複選框可以分爲數組追加[]到他們名字的末尾:

<input name="option[]" type="checkbox" value="1" id="option1">option 1 
<input name="option[]" type="checkbox" value="2" id="option2">option 2 

這將而不是得到你想要的效果,它會將複選框分組,以便從它們的所有輸入將導致一個數組。 仍然可以使用此方法選擇多個複選框。

+0

我從來不知道複選框可以歸納到一個數組。我做愚蠢的假設! – 2012-04-13 09:58:52

1

並檢索單選按鈕的值爲 document.formName.radioboxName.value;

由於要爲單選按鈕賦予相同的名稱,只有一個值可以選擇。

1

與jQuery

 var checked; 
    $("input").each(function() { 
           if ($(this).is(':checked')) 
           checked[ $(this).attr("name")] = $(this).attr("value") 
          }) 
//checked is an array/object with all your checked checkboxs 
+0

http://stackoverflow.com/a/2826810/871050。 OP沒有標記他的問題jQuery,他也沒有在他的示例站點上使用jQuery。爲什麼你會認爲他想使用jQuery? – 2012-04-13 11:54:30

+0

jQuery是一個js框架,如果你使用,你可以使用jQuery – 2012-04-13 12:15:11

+1

JS我沒有說他不能,我說他大概**不想**有區別。 – 2012-04-13 12:38:24

1

凱瑟琳如果你想選擇兩個組中的單個項目,那麼你應該去其他明智的收音機,你不能限制只選擇一個複選框並不必要,你必須寫一大堆價值不多的代碼。

另外你不得不提及複選框的數組。您所拍攝的語法是錯誤的正確的是

<input name="option[]" type="checkbox" value="1" id="option1">option 1 
<input name="option[]" type="checkbox" value="2" id="option2">option 2 

和收音機

<input name="option" type="radio" value="1" id="option1">option 1 
<input name="option" type="radio" value="2" id="option2">option 2 
相關問題