forms - jqtransform フォームの jqTransformReset() (リセット ボタン)

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');
    })
})