使用ajax提交动态创建的复选框的值

时间:2012-07-29 16:17:09

标签: javascript jquery

我有大约20个使用以下模式动态创建的复选框:

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

我给它一个cb + index的ID和一个与数据库条目对应的name属性。

关于我的问题:

什么是明智地循环复选框的最佳方式?我需要发送复选框的名称和值。

我更喜欢将数据作为jsonstring ..

1 个答案:

答案 0 :(得分:0)

首先,我会给他们所有的共同课程。我们说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;
});