jqueryを入力用プラグインと組み合わせて入力

Question

jqueryとスライダチェックボックスなどのいくつかの入力プラグインを使用しています。 しかし、私はフォーム変更の提出（GETフィルタリング）を行っています。 プラグインが入力値フィールドを変更すると、アクションはトリガされません。ユーザーがそれを行った場合のみです。

$(document).on('change', '.form-onchange-submit', function (e) { 
    $(this).submit(); 
}); 

そして、例えば、私はSELECT_ALLをクリックしたときに、フォームの自動提出させるにはどうすればよいのすべて

$(document).on('click', ".select_all", function (e) { 
    e.preventDefault(); 
    var fields = $(this).data('fields'); 
    $("input[name='" + fields + "']").prop('checked', true); 
    $("input[name='" + fields + "']").each(function() { 
     var input_id = $(this).attr('id'); 
     $('label[for="' + input_id + '"]').removeClass('selectable-deselected').addClass('selectable-selected'); 
    }); 
}); 

を選択するために、このコードを使用しますか？

Answer 1

2つのイベントを組み合わせたいと思うようです。複数のイベントを複数のセレクタと組み合わせることができます。

チェックイベントタイプ e.type
• チェック要素ID e.target.id

例

$(".select_all, #form-onchange-submit").on("click change", function(e){ 
    if(e.type === "change"){ 
     //DO STUFF UNIQUE TO CHANGE 
    } 
    else if(e.type === "click") { 
     //DO STUFF UNIQUE TO CLICK 
    } 
    //DO STUFF THAT IS THE SAME 
}); 

そして、あなたがイベントをトリガしたい場合は、手動であなたにも.trigger()を使用することができます。

$('#element').trigger('click'); 

Answer 2

 $(".select_all").click(function(e) { 
     e.preventDefault(); 
     var fields = $(this).data('fields'); 
     $("input[name='" + fields + "']").prop('checked', true); 
     $("input[name='" + fields + "']").each(function() { 
      var input_id = $(this).attr('id'); 
      $('label[for="' + input_id + '"]').removeClass('selectable-deselected').addClass('selectable-selected'); 
     }); 
    $('.form-onchange-submit').submit(); 
    });