0

我有一个网页,它从 mysql db 返回动态行数,通过表输出到网页,其中第一列是通过以下代码的复选框:

while($row = mysql_fetch_array($result))
  {
    $id = $row['circuit_id'];
    echo "<tr>";
    echo "<td align=\"center\"><input name=\"checkbox[]\" type=\"checkbox\" id=\"checkbox[]\" value=" . $row['circuit_id'] . "></td>";
        if ($row['status_name'] == 'Disconnected') {
            echo "<td><font color=\"red\">" . $row['status_name'] . "</font></td>";
            } else {
            echo "<td>" . $row['status_name'] . "</td>";
            };
    echo "<td>" . $row['circuit_name'] . "</td>";
    echo "<td>" . $row['circuit_appID'] . "</td>";
    echo "<td>" . $row['circuit_appID'] . "</td>";
    echo "<td><a href=\"circuits_modify.php?id=".$row['circuit_id']."\"><img src=\"images/icons/application_edit.png \"></a></td>"; 
    echo "<td><a href=\"circuit_notes.php?id=".$row['circuit_id']."\" onclick=\"return popitup('circuit_notes.php?id=$id')\"><img src=\"images/icons/note_add.png \"></a></td>";
    echo "</tr>";
  }
echo "</table>";

在这个数据展示下方,我添加了一些 HTML 按钮(其中一个如下所示),允许用户对显示的数据进行“大规模”更新,在这种特殊情况下,可以将状态从一种状态更改为另一种状态通过复选框选择。

    echo "<table align=\"center\">";
    echo "<tr>";
    echo "<td>Set status to Migrated for selected records</td><td><a href=\"update_selected_records.php\"><img src=\"images/icons/application_edit.png \"></a></td>";
    echo "</tr>";
    echo "</table>";

有没有办法在不将所有内容更改为表单并使用简单的基于 html 的按钮将请求提交到服务器的情况下获取已选择的复选框列表?

我一直在通过 javascript 寻找这样的在线解决方案,但没有找到任何符合我需要的东西。

谢谢

我试图拼凑一些零碎的东西来到达我需要的地方,但根本没有取得太大进展,这是当前代码:

    var obj = {}
    $('#click').on('click', function() {
        $('input[type="checkbox"]').each(function() {
            var name = $(this).attr('id');
            obj[name] = $(this).is(':checked') ? 1 : 0;
        });
    $.each(obj, function(key, value) { 
        alert(key + ' : ' + value); 
    });
        console.log(obj);
    });​

我如何获得“真实”的列表,即。将框打勾到字符串中并使用“新”网址更新按钮?

任何帮助表示赞赏...

4

1 回答 1

1

jQuery 可以选择所有复选框并通过 AJAX 在后台提交它们。

jQuery 选择器: http: //api.jquery.com/category/selectors/

jQuery AJAX:http ://api.jquery.com/jQuery.ajax/

祝你好运,希望这对你有帮助!

于 2012-07-17T02:25:50.383 回答