0

假设我正在生成某种 html 表（来自 mysql 查询数据），每行都有一个复选框，例如

$display_string = "<form action=\"delete.php\" method=\"post\">";
$display_string .= "<div><input type=\"button\" VALUE=\"Button1\"></div>";
$display_string .= "<div><input type=\"button\" VALUE=\"Button2\"></div>";
while($row = mysql_fetch_array($qry_result)){
    $display_string .= "<tr onmouseover=\"this.className = 'hlt';\" onmouseout=\"this.className = '';\">";
    $display_string .= "<td class='blank'><input type=\"checkbox\" /></td>";
    $display_string .= "<td class='data'>" . $row['first_name'] . "</td>";
    $display_string .= "<td class='data'>" . $row['last_name'] . "</td>";
    $display_string .= "<td class='data'><a href='" . $row['email'] . "'>" . $row['email'] . "</a></td>";
etc...
etc...
$display_string .= "</form>";

我现在想发生的事情是，在选择各种复选框后有两件事：1）例如，当单击 Button1 时调用 delete.php 以删除选定的行。2) 单击 Button2 时调用的其他一些 php 文件

我可以访问 $row['ID'] ，我可以用它来命名每个复选框，我只是不确定如何合并它，因为我是 php 新手

更新 以下似乎适用于我的目的

我有以下html-

<form name='myForm' method=\"post\" >
<input type=\"submit\" onClick=\"deleterow(document.myForm)\" VALUE=\"Delete ROWs\">

while($row = mysql_fetch_array($qry_result)){
    <input type=\"checkbox\" name='rows' value=" .$row['ID']. "/>

Javascript如下-

<script language=\"javascript\" type=\"text/javascript\">
function deleterow(form){

    if (!confirm(\"Are you sure you want to delete?\")) return false;

    var queryString = \"?ID=\";

    for (var i = 0; i < document.myForm.rows.length; i++) {
        if (document.myForm.rows[i].checked) {
            ID = document.myForm.rows[i].value;
            ID = ID.slice(0, -1);
            queryString += ID;
            queryString += \"-\";
        }
    }
    queryString = queryString.slice(0, -1);

    try{
        // Opera 8.0+, Firefox, Safari
        ajaxRequest = new XMLHttpRequest();
    } catch (e){
        // Internet Explorer Browsers
        try{
            ajaxRequest = new ActiveXObject(\"Msxml2.XMLHTTP\");
        } catch (e) {
            try{
                ajaxRequest = new ActiveXObject(\"Microsoft.XMLHTTP\");
            } catch (e){
                // Something went wrong
                alert(\"Your browser broke!\");
                return false;
            }
        }
    }

    var ajaxRequest;  // The variable that makes Ajax possible!
    // Create a function that will receive data sent from the server
    ajaxRequest.onreadystatechange = function(){
        if(ajaxRequest.readyState == 4){
            var ajaxDisplay = document.getElementById('ajaxDiv');
            ajaxDisplay.innerHTML = ajaxRequest.responseText;
        }
    }

    ajaxRequest.open(\"GET\", \"delete_row.php\" + queryString, true);
    ajaxRequest.send(null); 
    confirm('Delete successful!');
}

然后使用 delete_row.php，您可以使用 mysql 查询完成所有您需要的操作，并且可以将新数据发送回并显示

<div id='ajaxDiv'></div>
4

2 回答 2

1

为了获得清晰的代码，我建议您避免使用两个按钮触发两个操作。而是使用简单的 javascript 方法将参数附加到提交的表单，以摆脱按下的按钮。

<script type="text/javascript">
    function submitForm( act ){
         $('#act').val(act);
         $('#myForm').submit();
}

</script>

<form id="myForm" ... >
<input type="hidden" id="act" value="" />

<button onClick="submitForm(1)">1</button>
<button onClick="submitForm(2)">2</button>
</form>

这只是一个例子（使用 jquery）。

关于您的第二个答案（复选框）：

<input type="checkbox" name="selectedboxes[]" value="someIdHere" />

提交表单时，您将收到一个数组“selectedboxes”作为参数，您可以在其中选中复选框。

于 2012-06-20T12:52:27.397 回答
1

您可以更改表单操作，例如，如果您单击按钮 1，它会将操作更改为 DELETE.PHP，请查看此帖子：

使用 javascript/jquery 更改表单的操作

他们使用 JQuery 并且他们有多个答案如何做到这一点

于 2012-06-20T12:52:36.727 回答