Question

有没有人有jqtransform表单的jqTransformReset（）的完整代码示例？我的最终目标是在表单中添加一个重置按钮并重置所有表单字段（尤其是我无法重置的复选框）。提前谢谢！

Answer 1

每当我调用document.form.reset（）时，我也会调用

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

似乎工作正常。

Answer 2

jqTransform不会为我或复选框重置选择框，所以我做了一些代码，它似乎运作良好。（我使用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');
    })
})

jqtransform表单的jqTransformReset（）（重置按钮）

2 个答案: