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

标签 javascript jquery html ajax

<分区>

我有一个页面,我在其中显示来自数据库的结果,并且有用于过滤结果的复选框。问题是我不想使用提交按钮,因为我想让用户只需单击复选框即可获得所需的结果。那么在没有提交按钮的情况下选中复选框时,是否仍然使用 javascript 或 jquery 提交表单?如果您在购物网站上看到没有提交按钮,只有复选框……就像那样。谢谢

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

这是php

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

最佳答案

<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>

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

关于javascript - jQuery/Javascript - 单击复选框时提交表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18135420/

相关文章:

javascript - 将键添加到 Array.map

javascript - 有没有办法获取 Highcharts 中某个点的 mouseOver 上相对于页面的鼠标坐标?

javascript - 使用 Javascript 查找不同域上的元素属性

javascript - 如何使用js清空第二个文本区域中的第一个文本区域值

javascript - JS 在函数内调用函数并设置日期格式

javascript - 单击着色表列

javascript - 使用 CSS 缩放时,jquery-ui slider 行为错误

javascript - 突出显示表格左下半部分的单元格(三 Angular 形)

android - 在手机上查看时创建可折叠导航

html - CSS-如何在左侧创建子菜单