用于jqtransform表单的jqTransformReset() (重置按钮)

Question

谁有完整的jqtransform表单的jqTransformReset()代码示例？我的最终目标是在表单中添加一个重置按钮，并重置所有表单域(尤其是无法重置的复选框)。提前感谢！

Answer 1

每当我调用document.form.reset()时，我也会调用

$(".jqTransformCheckbox").each(function(){ if($(this).hasClass('jqTransformChecked')) $(this).removeClass('jqTransformChecked');});

似乎工作得很好。

Answer 2

jqTransform不会为我重置选择框或复选框，所以我编写了这段代码，它似乎工作得很好。(我在checkboxs中使用了nando的代码，谢谢nando)

$('.jqTransformButton[type="reset"]').click(function(){
    $(".jqTransformCheckbox").each(function(){
        if($(this).hasClass('jqTransformChecked')) {
            $(this).removeClass('jqTransformChecked');
        }
    });
    $('.jqTransform select').each(function(){
        var firstOpt = $(this).find('option:first-child');
        var firstVal = firstOpt.val();
        firstOpt.attr("selected", "selected");
        $(this).siblings('div').find('span').text(firstVal);
        $(this).siblings('ul').find('a.selected').removeClass('selected');
        $(this).siblings('ul').find('li:first-child a').addClass('selected');
    })
})