【问题标题】:Clear all forms on page load在页面加载时清除所有表单
【发布时间】:2013-05-15 12:33:45
【问题描述】:

我想在页面加载时清除所有表单。我尝试在 domready 上使用此功能,但没有帮助。我是 JavaScript 新手。这个功能有什么问题吗?

   $(':input', form)
 .not(':button, :submit, :reset, :hidden')
 .val('')
 .removeAttr('checked')
 .removeAttr('selected');

【问题讨论】:

    标签: javascript jquery forms document-ready domready


    【解决方案1】:

    您可以尝试在表单上使用普通的 javascript reset 方法

    $('form').each(function() { this.reset() });
    

    这应该将每个表单重置为其默认状态。

    要重新启用所有复选框,您可以尝试:

    $(':checkbox').prop('disabled', false);
    

    【讨论】:

    • 我还有其他功能可以限制 1 个表单中的复选框数量。我在domready中尝试了这段代码。但是刷新后我看到没有选中的复选框但所有以前都禁用(通过 jQ 脚本)复选框仍然被禁用$("input[type=checkbox][name=subjects]").click(function() { var bol = $("input[type=checkbox][name=subjects]:checked").length >= 3; $("input[type=checkbox][name=subjects]").not(":checked").attr("disabled",bol); });
    • @TuralTeyyuboglu 听起来您需要编写一个自定义重置方法来撤消这些修改。
    • 然后帮我重置并重新启用这些复选框
    • 最后:)) Thx 代码如下所示:$('form').each(function() { this.reset() }); $(':checkbox').prop('disabled', false); 如果需要,请编辑您的答案。也支持我的 Q ))
    【解决方案2】:

    也许这就是你的要求?不知道你为什么需要它。无论如何,这些字段在页面加载时应该是空白的。你应该改变php端的值。

    $('input[type=text]').val('');
    $('input[type=radio]').checked=false;
    $('input[type=checkbox]').checked=false;
    

    甚至可能

    $("input:not(':button, :submit, :reset, :hidden')").val('').checked=false;
    

    【讨论】:

    • 也许文本输入总是清晰的,但是单选按钮,复选框不是。这就是为什么我想在页面加载时重置所有表单
    • 我还有其他功能可以限制 1 个表单中的复选框数量。我在domready中尝试了这段代码。但刷新后我看到没有选中的复选框但所有以前都禁用(通过 jQ 脚本)复选框仍然被禁用$("input[type=checkbox][name=subjects]").click(function() { var bol = $("input[type=checkbox][name=subjects]:checked").length >= 3; $("input[type=checkbox][name=subjects]").not(":checked").attr("disabled",bol); });
    【解决方案3】:

    我会给每个我想清除类名的控件,比如class="ClearOnStartup",然后我的 jQuery 将是;

    $(function(){
      $(".ClearOnStartup").val("");
    });
    

    我有一个不同的复选框,只是因为我喜欢将这样的东西分成批次。

    试试这个复选框

    $('.ClearOnStartup').attr('checked', false);
    

    可能有更好的方法

    【讨论】:

    • 我不想仅仅因为表格清晰而添加额外的课程。一定有别的办法,
    猜你喜欢
    • 2010-11-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-06-22
    • 2014-10-04
    • 2011-01-28
    • 2016-08-12
    相关资源
    最近更新 更多