使用相同的ID发送多个复选框的值

时间:2012-06-15 07:19:49

标签: javascript jquery ajax forms checkbox

我在表格中有一张桌子。它有两列,第一列是复选框,第二列是输入。

这是它的结构:

<table>
<tr>
<td>
<input type="checkbox" name="choose" id="choose" class="choose">
</td>
<td>
<input type="text" name="item" id="item" class="item" >
</td>
</tr>
</table>

它填充了我的数据库中的信息,因此它可能有几行。

表单通过javascript函数提交到js文件然后,感谢jQuery的ajax,所有参数都转到我的控制器php文件。

因为我想发送到我的php所有的值形成文本输入,在我的js文件中我做:

       var arrayItem= [];
        $(".item").each(function(){
            arrayItem.push($(this).val());
        })
    params += '&items='+ arrayItem;
.
.
    //So I can do: 
        $.ajax ({
            url: myPHPUrl,
            data: params,
            type: "POST",
            async:false,
            success: function (data, textStatus)
            {   
            }
        });

现在我需要对复选框执行相同操作,但我不知道如何继续。

有人可以帮我吗?

非常感谢!

1 个答案:

答案 0 :(得分:0)

你可以试试这个:

   var arrayItem= [];
    $(".choose:checked").each(function(index, elem){
        //you could store them like a key-valuepair so you no where the value belongs to.
        //you can take the ID of the elem parm inside the for each and store it with the control id.
        arrayItem.push(elem.val());
    })
params += '&items='+ arrayItem;