提交并隐藏所有标签并选中包含表单复选框答案

【问题标题】：Submit and hide all labels with a containing form chekbox checked提交并隐藏所有标签并选中包含表单复选框
【发布时间】：2015-04-28 16:53:31
【问题描述】：

我想创建一个函数，该函数可以提交所有带有选中复选框的公式，并使用它们各自的 div 标签隐藏

我以下面的代码为例

<html>
<script>
    //the jquery function to submit all forms 
    $(function () {
        $(".formerasemessage").each(function () {
            var par_div = $(this).closest(".demo"); //finding the closest div
            $(this).validate({
                submitHandler: function (formbeingsubmitted) {
                    $.post('remove.php', $(formbeingsubmitted).serialize(), function (data) {
                        $(formbeingsubmitted).hide("slow");
                        par_div.hide('slow'); //hide the div
                    });
                }
            });
        });
    });
</script>
<body>
    <div class="demo">
        <form method="post" class="formerasemessage">
        <input type="checkbox" id="checkItem"></form>
    </div>
    <div class="demo">
        <form method="post" class="formerasemessage">
        <input type="checkbox" id="Checkbox1"></form>
    </div>
    <div class="demo">
        <form method="post" class="formerasemessage">
        <input type="checkbox" id="Checkbox2"></form>
    </div>
<input type="button" value="Submit all checked">
</body>
</html>

我需要重新编写函数 Jquery 以便它可以执行所需的功能。

视觉结果会是这样的：

这是我的 Outlook 收件箱，检查了我的邮件，然后我点击“删除”，我的电子邮件被隐藏并删除了

【问题讨论】：

标签： javascript jquery web-applications

【解决方案1】：



$(document).ready(function(){
    $('button').click(function(){
        $(":checked",".formerasemessage").each(function () {
            var par_div = $(this).closest(".demo"); //finding the closest div
            var form = $(this).closest('form');
        	form.validate({submitHandler: function () {
        		$.post('remove.php', form.serialize(), function (data) {
        			form.hide("slow"); 
        				par_div.hide('slow'); //hide the div
        			});
        		}
        	}).submit();
        });
    });
});

【讨论】：

我刷新了问题，我需要提交所有表格，用唯一的按钮检查
坚持按钮提交全部勾选
添加了你的意思是“按钮”你为什么在这里使用验证？不确定用例，似乎多余

【解决方案2】：

您可以使用 document.getElementById("inputid").value 调用输入。要隐藏任何内容，请使用 css 代码： #inputid {可见性：隐藏} 您也可以使用 javascript 实现相同的效果。存档以执行 js 函数，例如：我可以点击

您会在网上找到几个选项（W3schools），例如 onclick、onmousein、onchange ...

【讨论】：