2013-02-12 54 views
0

我要麼如何從同名的<input>標籤提取數值?

1)多個<input type="checkbox">標籤具有相同的名稱具有相同名稱

2)<input type="radio">標籤)是顯然的情況下,由於使用相同的名稱單選按鈕只能有一個按鈕點擊。

問題是情況1)。這裏就是我想出了:

$('input[type="checkbox"]').click(function() { 
    var value = $(this).val(); 
    alert(value); 
}); 

與此,value只存儲一個項目。如果用戶在同一個複選框中選中了多個項目,我如何檢索它們?

回答

1

嘗試使用jquery :checkbox選擇複選框類型的所有元素以下

$('input[type="checkbox"]').click(function() { 
    stack = []; 
    $('input[type="checkbox"]').each(function(){ 

     if($(this).is(':checked')){ 
      stack.push($(this).val()) 
     } 
    }) 
    console.log(stack) 
}); 

demo

0

:checked選擇選中的複選框。所以你可以結合這一點,並使用循環來獲取值...

試試這個

$(':checkbox').click(function() { 
    var val = []; 
    $(':checkbox:checked').each(function(i){ 
     val[i] = $(this).val(); 
    }); 

    console.log(val); 
}); 

fiddle here

0

這樣你可以得到檢查值:

HTML:

<input type="checkbox" name="checkboxes" checked="checked" title="1" value="1" /> 
<input type="checkbox" name="checkboxes" title="2" value="2"/> 
<input type="checkbox" name="checkboxes" checked="checked" title="3" value="3"/> 
<input type="checkbox" name="checkboxes" title="4" value="4"/> 

腳本:

var val = [] 
$("input[name='checkboxes']:checked").each(function(i){ 
     val[i] = $(this).val(); 
}); 

console.log(val); 

這裏的工作演示:http://jsfiddle.net/56XTZ/