jquery - 循环遍历每个 id 检索 1 维数组和 2 维数组中对象的值

Question

循环遍历每个 id 检索 1 维数组和 2 维数组中对象的值

jQuery 新手.. :(

Answer 1

首先：您应该更改班级的 id 然后

$（两者）

为了：

$(".both") 

等等

Answer 2

首先，像这样构建 HTML：

<form id="myform" action="myscript.php" method="get">
    <div>
        <div><textarea name="mytextarea[]"></textarea></div>
        <div><input type="checkbox" name="mycheckboxes1[]"><div>
        <div><input type="checkbox" name="mycheckboxes2[]"><div>
        <div><input type="checkbox" name="mycheckboxes3[]"><div>
    </div>

    <div>
        <div><textarea name="mytextarea[]"></textarea></div>
        <div><input type="checkbox" name="mycheckboxes1[]"><div>
        <div><input type="checkbox" name="mycheckboxes2[]"><div>
        <div><input type="checkbox" name="mycheckboxes3[]"><div>
    </div>

    <div>
        <div><textarea name="mytextarea[]"></textarea></div>
        <div><input type="checkbox" name="mycheckboxes1[]"><div>
        <div><input type="checkbox" name="mycheckboxes2[]"><div>
        <div><input type="checkbox" name="mycheckboxes3[]"><div>
    </div>
</form>

与所有表单一样，提交时，查询字符串将自动组成，包括name=value字段名称对和用户输入的数据。

或者，您可以在 javascript 中构建自己的查询字符串，目前最简单的方法是使用 jQuery 的.serialize()：

var data = $("#myform").serialize();

通常，这样做是为了通过 AJAX 提交表单，例如。

$.ajax({
    url: 'myscript.php',
    data: $("myform").serialize(),
    type: "GET",
    success: function(data, textStatus, jqXHR) {
        ...
    }.
    error: function(jqXHR, textStatus, errorThrown) {
        ...
    }
});

对于任一类型的提交，该[]表示法使 PHP（和其他服务器端语言）中的每个字段名称都可以作为一维值数组使用。例如，第一个值块由表达式给出。

$_GET['mytextarea'][0];
$_GET['mycheckboxes1'][0];
$_GET['mycheckboxes2'][0];
$_GET['mycheckboxes3'][0];

涉及数据的操作通常会在循环中执行。

Answer 3

首先使用类而不是 ID，每个页面的 id 都是唯一的......关于您的需求：实际上您需要这样的东西：

var data = []
$(document).ready(function(){
    $('.both').each(function(){
        ta = $(this).children('textarea').val();
        cb = $(this).children('input:checked').val()
        data.push({t:ta,c:cb})
    });
    $.each(data, function(index, value){
        $('body').append('<p>t:'+value.t+' c: '+value.c+'</p>');
    })
})

在这里演示