2012-04-13 76 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 
相关问题