我正在做一个练习,您必须通过选中相应的复选框来选择要支付的月份。该表是从数据库查询生成的。因此,它可以有一个或多个记录,所以我不知道如何将一个分配给identificador
从中获取信息的行。所有这一切的目的是在服务器端执行操作之前,程序以模式显示将要支付的内容的摘要(图 1)。
身份证日期费用选择 1 月 1 日 35.50 $ ☐ 2 月 2 日 50.00 $ ☐ 3 月 3 日 $20.50 ☐ 4 月 4 日 75.00 $ ☐ 5 月 5 日 10.00 $ ☐ 6 月 6 日 $15.00 ☐
我突然想到我可以在id
del中执行以下操作<td>
:
<td id='fecha[]'><?echo $fila['fecha']?></td>
有了这个,id 将具有与其他标识符不同的标识符,但是从那里使用 javascript 我不知道如何通过该数组fecha[]
来访问它拥有的信息。
程序代码如下。
$datos = $con->query("SELECT * FROM pago");
if(isset($_POST['btnEnviar'])){
if(!empty($_POST['fecha'])){
?>
<div class="alert alert-success">
Se a realizado el pago de :
<?
foreach ($_POST['fecha'] as $key) {
echo '<ul><li>'.$key . '</li></ul>';
}
?>
</div>
<?
}else{
?>
<div class="alert alert-danger">
No a seleccionado nada!
</div>
<?
}
}
?>
<div class="container">
<div class="col-lg-5">
<form class="" action="<?echo $_SERVER['PHP_SELF']?>" method="post" id="formulario">
<table class="table table-bordered table-hover" >
<thead>
<tr class="warning">
<th>id</th>
<th>fecha</th>
<th>costo</th>
<th>seleccione</th>
</tr>
</thead>
<tbody>
<?
if(!empty($datos)){
while($fila = mysqli_fetch_array($datos)){
?>
<tr>
<td><?echo $fila['id']?></td>
<td><?echo $fila['fecha']?></td>
<td><?echo $fila['costo']?> <b>$</b></td>
<td>
<input type="checkbox" name="fecha[]" value="<?echo $fila['fecha']?>">
</td>
</tr>
<?
}
}
?>
</tbody>
</table>
<div class="text-center">
<span id="btn" class="btn btn-success" data-target="#modal-pagar" data-toggle="modal">Pagar</span>
</div>
<div class="modal fade modal-default" id="modal-pagar" tabindex="-1" role="dialog" aria-labelledby=""
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="">Resumen de pago</h4>
</div>
<div class="modal-body">
</div>
<div class="modal-footer">
<span class="btn btn-default">Cancelar</span>
<button type="submit" name="btnEnviar" class="btn btn-success">Pagar</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
<script type="text/javascript">
$(document).ready(function(){
btn = $('#btn');
mes = "<input type='text' value='Abril' class=''>";
costo = "<input type='text' value='75$' class=''>";
total= "<h4>Total a pagar <span class='text-success'>75 $</span></h4>";
btn.click(function(){
$('.modal-body').append(mes,costo,total);
});
});
</script>
</body>
</html>
这可能很容易,但我不知道如何从行中捕获值并将它们呈现在模态中。
1 Answers