jquery - 刷新 jquery 移动文本输入

Question

我已经使用 JQM 工作了几周，在研究了各种示例并阅读了文档之后，我似乎找不到在成功回调中刷新文本输入的方法。 v1.0b2 可以实现这一点吗？我可以刷新(重置)其他元素，但不能刷新(重置)文本输入。任何帮助，将不胜感激。谢谢

Answer 1

示例:

• http://jsfiddle.net/phillpafford/f6Prp/6/

JS

$('#reset').click(function() {
    $('.resetMe').val('');
    $("input[name='checkbox-1']").attr("checked",false).checkboxradio("refresh");
    $("input[name='radio-choice-1']").attr("checked",false).checkboxradio("refresh");
});

HTML

<div data-role="page" id="home"> 
    <div data-role="content"> 
        <div data-role="fieldcontain">
            <label for="name">Text Input:</label>
            <input type="text" name="name" id="name" value="" class="resetMe" />
        </div>
        <div data-role="fieldcontain">
            <label for="textarea">Textarea:</label>
            <textarea cols="40" rows="8" name="textarea" id="textarea" class="resetMe"></textarea>
        </div>
        <div data-role="fieldcontain">
            <fieldset data-role="controlgroup">
                <legend>Agree to the terms:</legend>
                <input type="checkbox" name="checkbox-1" id="checkbox-1" />
                <label for="checkbox-1">I agree</label>
            </fieldset>
        </div>
        <div data-role="fieldcontain">
            <fieldset data-role="controlgroup">
                <legend>Choose a pet:</legend>
                <input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" />
                <label for="radio-choice-1">Cat</label>

                <input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2"  />
                <label for="radio-choice-2">Dog</label>

                <input type="radio" name="radio-choice-1" id="radio-choice-3" value="choice-3"  />
                <label for="radio-choice-3">Hamster</label>

                <input type="radio" name="radio-choice-1" id="radio-choice-4" value="choice-4"  />
                <label for="radio-choice-4">Lizard</label>
            </fieldset>
        </div>
        <a href="#" data-role="button" id="reset">Reset button</a>
    </div>
</div>