I have been looking around LF answers for a few weeks, a few discussions I thought might work, but didn't.

I have a form with 11 section headers, inside each header is a Checkbox field, under each header following the Checkbox field is multiple tables (depending on the checkbox selection).

There are 51 Total tables. Each table's rows vary, but the 4 columns are consistent across all of the tables (different CSS labels). 

Item Name/Description, Part Number, Price and Quantity. The first 3 are populated by Javascript, while the 4th (quantity) is fillable by the user. 

The primary reason is when we send this form, it sends 10 pages, we'd like to only send the rows that have Column 4 (quantity) populated.

My thoughts were adding an HTML field to the bottom, and doing an IF statement, but my JS/HTML writing is rusty. 

Something like IF Column4 is not empty, Print Column 1, Column 2, Column 3, Column 4 in Table layout. 

Adding an screenshots from the Table setup and the initial code being used. 

$('.airsprayitemCL input', '.airspraypartnoCL input', '.airspraypriceCL input').attr('readonly', true);

$('[name="Field138(1)"]').val("Febreze Air Linen & Sky 8.8oz spray"); $('[name="Field139(1)"]').val("ESS411"); $('[name="Field140(1)"]').val("5.24");  
$('[name="Field138(2)"]').val("Lysol Crisp Linen 19oz spray"); $('[name="Field139(2)"]').val("MU581"); $('[name="Field140(2)"]').val("11.18");