从输入复选框获取值而不使用表单标记

时间:2011-03-18 13:46:19

标签: jquery checkbox

我有非常复杂的listview组件组织为表。

在每tr行,我有一个td<input type="checkbox" value="number">。所有这些都在form runat="server"标记内。

我已经完成了检查/取消选中所有与gmail相同的方式。表正在读取一页的50条记录,如果您检查记录并单击<input type="button">,它将复制所有选定的记录。

我需要知道的是如何从已选中的复选框中读取值并将其作为JSON / serializeArray传递。

谢谢。

3 个答案:

答案 0 :(得分:3)

如果他们都在一个表格中,可以说与班级checkboxes

序列化所有复选框:

var serial = $('form.checkboxes').serialize(); 

所以把这个变量放在帖子中说:

$.post('url', serial, function(data){ /*do something with data*/})

答案 1 :(得分:1)

要简单地获取复选框的值,您可以使用以下内容:

$(document).ready(function () {
    $('#checkBoxId').change(function () {
        var isChecked = $('#checkBoxId').val();
        //proceed as needs be
    });
});

这将使您能够记录已发生的更改,并进一步存储和/或对该值进行操作。

至于序列化和“传递它们”,我们可能需要您提供更多数据。 &lt; - 刮擦! @maniator刚刚为你解决了这个问题。

答案 2 :(得分:0)

为元素指定ID,例如:

<input id="checkBox1" type="checkbox" value="number" />

然后使用JavaScript检查是否已检查:

var isChecked = document.getElementById("checkBox1").checked;

获取值:

var theValue = document.getElementById("checkBox1").value;