需要javascript确认框对话&按确定后删除图像

时间:2013-06-08 05:04:41

标签: php javascript html mysql

<?php
require "../db/dbconfig.php";
 $gal=mysql_query("select * from gallery");
 $numrows=mysql_num_rows($gal);
if($numrows>=1)
        {
echo "<form action='delete.php' method='post' name='f2' id='f2'>";
echo '<table id="rqst" style="display:block;" border="0" cellpadding="12" cellspacing="3" width="500px">';
    echo "<tr><th>Tick to select</th><th>Images in Gallery</th></tr>";
    while($row=mysql_fetch_array($gal)
{
    $imgfile=$row['ImgName'];
$Image="<img src=gallery/".$imgfile." width='230px' height='150px'/>";

$img_name=$imgfile;



    echo "<tr>";
    echo "<td><input type='checkbox' name='imgs[]' value='$img_name'></td><td>".$Image."</td>";
    echo "</tr>";   
    }
    echo "<tr>";
    echo "<td colspan='3' align='right'>";
   echo "<input type='submit' value='Delete' name='del'></td>";
    echo "</tr>";
echo "</table>";
echo "</form>";
?>

这是我的代码....这将显示图库中的图像以及与它们相关联的复选框。当我点击带有未选中复选框的删除按钮时,警报应该是这样的“请检查至少一个复选框”..如何做到这一点??

我的下一个问题是,当我选中复选后的删除按钮时,警报应该像这样=“你要删除吗?”...如果点击确定,图像必须删除否则什么都不做.. 。请帮忙......先谢谢....

2 个答案:

答案 0 :(得分:0)

使用jquery检查以下链接以进行验证:

http://jsfiddle.net/susheel61/U3Unk/2/

<form id="form">
    First name: <input type="checkbox" name="firstname" class="check"><br>
    <button>test</button>
</form>


$("button").on("click",function(e){
    var status = $(".check").is(":checked");
    e.preventDefault();
    if(!status){
        alert("this is not checked");
    }
});

答案 1 :(得分:0)

是的,你可以通过javascript或jquery来验证你的至少一个复选框是否被选中。因此,为此您需要为所有复选框提供一个公共类作为示例

<input type="checkbox" name="firstname" class="addchk">

现在在你的提交按钮中调用一个验证问题的javascript函数。

<input type='button' value='Delete' name='del' onclick='delete_checked()' />

现在编写一个函数来验证是否选中了任何复选框。

function delete_checked()
{

     var status = $(".addchk").is(":checked");
     e.preventDefault();
    if(!status){
           alert("this is not checked");
     }
     else
     {
          // SUbmit yout form
     }
}