jQuery / Javascript - 单击复选框时提交表单

时间:2013-08-08 20:23:02

标签: javascript jquery html ajax

我有一个页面,我显示结果表格数据库,并有复选框,筛选结果。问题是我不想使用提交按钮,因为我想让用户只需单击复选框即可获得所需的结果。那么,当选中复选框而没有提交按钮时,是否仍然使用javascript或jquery提交表单?如果你在购物网站上看到,只有复选框没有提交按钮。就像那样。感谢

<form>
<input type="checkbox" name="size" > Size
</form>

这是php

<?php if (isset($_POST["size"])){
  //do something
?>

2 个答案:

答案 0 :(得分:24)

<form id="form" method="post" action="">
    <input type="checkbox" name="checkbox" class="checkbox"/>
    </form> 
    <script type="text/javascript">  
        $(function(){
         $('.checkbox').on('change',function(){
            $('#form').submit();
            });
        });
    </script>

OR

<form id="form" method="post" action="">
<input type="checkbox" onchange="$('#form').submit();"  name="checkbox" class="checkbox"/>
</form>

答案 1 :(得分:2)

$(input:name=[checkboxname]).change(function(){

 $('#form').submit();

});

替代地

 $('#checkboxId').click(function(){

    $('#formId').submit();

  });

当然可以在ajax等的submit()函数中传递其他参数。