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函数，以便它可以执行所需的功能。

视觉效果会是这样的：

that's my inbox of Outlook

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

Answer 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();
        });
    });
});

Answer 2

您可以使用document.getElementById（＆＃34; inputid＆＃34;）。值来调用输入。要隐藏任何内容，请使用css代码： #inputid {visibility：hidden} 你也可以使用javascript达到同样的效果。存档以执行js函数，例如：我可以单击

您可以在线找到几个选项（W3schools），例如onclick，onmousein，onchange ...

提交并隐藏所有标签，并选中包含形式的chekbox

2 个答案: