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

Question

我想创建一个函数来提交所有的处方集并选中复选框并隐藏它们各自的 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 收件箱，检查了我的邮件，然后我单击 'remove'，我的电子邮件被隐藏并删除了

Answer 1

<div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre><code>$(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();
        });
    });
});

Answer 2

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

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

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

Submit and hide all labels with a containing form chekbox checked

javascript

jquery

web-applications