我想捕捉复选框被选中的参数

Question

I want to catch the argument whose checkbox is checked but if my tr is under form then he is giving me the whole tr. Please help me. Here is my jQuery code:

 $('#form').on('submit',function(e){
    e.preventDefault();
    if($('.checkbox').is(':checked')){
            var selector = $(this).closest("tr")//get closest tr
            console.log(selector)
      //get select valus
        var id = selector.attr('data-id');
            alert(id);
        var package_name = selector.find('.visa_type').val();
        var prcs_type_price = selector.find("select[name=processing_type]").val();
        var processing_type = selector.find("select[name=processing_type] option:selected").text();
        var total = selector.find(".package_price").text(prcs_type_price).val()
            var date = selector.find('.travel_date').val();
    }
)};

Answer 1

Just run.each over the checked ones

$('#form').on('submit', function(e) {
    e.preventDefault();
    $('.checkbox:checked',this).each(function() {
      const $row = $(this).closest("tr"); 
      const id = $row.id;
      const package_name = $row.find('.visa_type').val();
    })

You CAN do this .on("input" and have the fields update on any change