Question

在这里可以任意帮助：我有一个页面动态制作带有id = form1，form2，form3等形式的表单，每个表单都作为秒表功能。

<form id="form183" action="" method="post" class="clockBtn">
<input type="hidden" name="entryId" value="183" />
<input type="hidden" name="running" id="running" value="1" />
<input type="hidden" name="isRecord" id="isRecord" value="1" />
<button type="input" name="submit" id="timetrack" </button>
    </form> 


    <form id="form184" action="" method="post" class="clockBtn">
    <input type="hidden" name="entryId" value="184" />
    <input type="hidden" name="running" id="running" value="1" />
    <input type="hidden" name="isRecord" id="isRecord" value="1" />
    <button type="input" name="submit" id="timetrack" </button>
        </form> 

    <form id="form3" action="" method="post" class="clockBtn">
    <input type="hidden" name="running" id="running" value="1" />
    <input type="hidden" name="isRecord" id="isRecord" value="1" />
    <button type="input" name="submit" id="timetrack" </button>
        </form>

所以当我向自己提交表格时，秒表会以提交的表格的ID开头。在我再次按下提交按钮停止秒表之前，我所追求的是剩下的表格得到一类显示无。当它停止时，我希望表格再次显示。

所以我认为是获取表单elementById表单（id =“form123”）提交的表单然后添加（＆lt;＆gt;然后过滤），这将向其他表单添加一个类display none。直到表格再次提交

任何人都可以帮忙吗

Answer 1

jQuery处理按钮点击（如果你更新html，我会将一个类应用到按钮，这样你可以按类选择它，因为它重复）然后你可以去

$('.bntClass').click(function(e){ // something });

到您当前呈现的HTML

$('input[type="submit"]').click(function (e) {
       var targetForm = $(this).parent();
       var nonParentForms = $('form').filter(function(){
          return $(this) != targetForm;
       });
       nonParentForms.toggle();
});

Toggle API Docs

jquery隐藏页面

1 个答案: