假设我正在生成某种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>
答案 0 :(得分: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”作为参数,您可以在其中选中复选框。
答案 1 :(得分:1)
您可以更改“表单”操作,例如,如果单击“按钮1”,它会将操作更改为DELETE.PHP,请查看此帖子:
Changing the action of a form with javascript/jquery
他们使用JQuery并且他们有多个答案如何做到