javascript - 使用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;
});