如何重置移动JQuery表单

时间:2014-05-06 10:59:39

标签: javascript android jquery html jquery-mobile

我有一个移动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

1 个答案:

答案 0 :(得分: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" />**

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