如何重置移动 JQuery 表单答案

【问题标题】：How to reset mobile JQuery form如何重置移动 JQuery 表单
【发布时间】：2014-05-06 10:59:38
【问题描述】：

我有一个移动 JQuery 表单，我想在单击取消按钮时重置它。我尝试了一些代码，但它不起作用

我正在为它添加 JSFiddle 请看一下

<fieldset data-role="controlgroup" data-mini="true" style="color:#006699 !important">

<h4>Estoy interesado(a) En la propiedad, </h4>

    <input id="radio-choice-1" name="opcmessage" title="" type="radio" value="1" />
    <label for="radio-choice-1">favor de enviarme más información</label>
    <input id="radio-choice-2" name="opcmessage" title="" type="radio" value="2" />
    <label for="radio-choice-2">deseo visitarla</label>
    <input id="radio-choice-3" name="opcmessage" title="" type="radio" value="3" />
    <label for="radio-choice-3">envieme fotos</label>
    <input id="radio-choice-4" name="opcmessage" title="" type="radio" value="4" />
    <label for="radio-choice-4">envieme más fotos</label>
</fieldset>
<textarea name="textarea" id="textarea"></textarea>
<a data-rel="back" href="#pageone" id="reset" data-icon="delete" data-inline="true" data-role="button" data-theme="c" title="Close">Cancelar</a>

<div style="float: right; margin-right: -10px;">
    <input class="me" data-theme="c" data-role="button" data-inline="true" type="submit" data-icon="search" id="im_send_message" name="im_send_message" value="Enviar" />
</div>

FIDDLE

【问题讨论】：

标签： javascript android jquery html jquery-mobile

【解决方案1】：

如果您在 JQuery mobile 中使用了表单标签，请在您的表单标签中添加一个“id”

**<form action="" id="myForm" method="post"> ... </form>**

在

**$('#reset').click(function() { document.getElementById("myForm").reset(); });**

这将重置您的所有表单元素。

你可以添加

**<input type="reset" name="reset" id="name" value="Reset" />**

默认功能是重置表单元素。无需编写任何代码。

【讨论】：