使用ajax提交動態創建的復選框的值

Question

我大約有二十個復選框，它們是使用以下模式動態創建的：

<input type="checkbox" id="cb01" name="vehicle" />

我給它一個cb + index的ID和一個對應於數據庫條目的name屬性。

所以到我的問題：

遍歷復選框性能明智的最佳方法是什么？ 我需要發送復選框的名稱和值。

我希望將數據作為jsonstring。

Answer 1

首先，我給他們一個普通班。 假設cb 。

然后：

var json = {};
var checkboxes = document.querySelectorAll('.cb');
for ( var i = 0, l = checkboxes.length; i < l; i++ )
    json[ checkboxes[i].name ] = checkboxes[i].checked;

或使用jQuery：

var json = {};
$('.cb').each(function(){
    json[ this.name ] = this.checked;
});