jqTransformReset() für das jqtransform-Formular (Schaltfläche "Zurücksetzen")

Question

Hat jemand ein vollständiges Codebeispiel für das jqTransformReset() für das jqtransform-Formular? Mein ultimatives Ziel ist es, dem Formular eine Reset-Schaltfläche hinzuzufügen und alle Formularfelder zurückzusetzen (insbesondere Checkboxen, die ich nicht zurücksetzen kann). Danke im Voraus!

Answer 1

wenn ich document.form.reset nennen() Ich nenne auch

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

scheint gut zu funktionieren.

Answer 2

jqTransform würde keine Auswahlboxen für mich oder Kontrollkästchen zurücksetzen, also habe ich diesen Code gemacht und es scheint gut zu funktionieren. (Ich benutzte Nandos Code für die Checkboxen, danke 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'); 
    }) 
})