提交表单后保持复选框

时间:2013-08-08 22:00:51

标签: php javascript html ajax checkbox

目前,我可以使用php中的isset根据选中的复选框名称属性回显表中的行。

但是,我希望在提交表单后检查复选框,如果用户取消选中该复选框,我想使用php中的第三个else语句,它将从中检索所有行桌子。我怎样才能做到这一点?是否也可以隐藏未选中的框,并仅在用户选中一个框时显示复选框。提前谢谢。

<div> Size
<form id="form" method="post" action="">
<input type="checkbox" name="small" class="checkbox" /> Small
<input type="checkbox" name="medium"  class="checkbox">  Medium<br>
</form> 
</div>

<script type="text/javascript">  
    $(function(){
     $('.checkbox').on('change',function(){
        $('#form').submit();
        });
    });
</script>

<?php
if (isset($_POST["small"])){
$paginate = new pagination($page, 'SELECT * FROM pants WHERE size='small' ORDER BY id desc', $options);

}  
else if (isset($_POST["medium"])){
  $paginate = new pagination($page, 'SELECT * FROM pants where size='medium' ORDER BY id desc', $options);
 }
else { $paginate = new pagination($page, 'SELECT * FROM pants ORDER BY id desc', $options);

}
 ?>

2 个答案:

答案 0 :(得分:2)

<input type="checkbox" name="small" class="checkbox" <?=(isset($_POST['small'])?' checked':'')?> /> Small
<input type="checkbox" name="medium"  class="checkbox" <?=(isset($_POST['medium'])?' checked':'')?> >  Medium<br>

答案 1 :(得分:0)

这可以完成这项工作:

<input type="checkbox" name="small" class="checkbox" <?php if ($_POST['small']) echo 'checked'; ?> /> Small
<input type="checkbox" name="medium"  class="checkbox" <?php if ($_POST['medium']) echo 'checked'; ?> />  Medium<br>