Хотите повторно использовать функцию jQuery, делая функцию использовать снова и снова

Question

Хотите повторно использовать функцию jQuery, делая функцию использовать снова и снова

<script>
// Roti6p20tk
$(function () {
$("#distributedPacketForRoti6p20tk, #bonusForRoti6p20tk, " +
"#replaceForRoti6p20tk, #returnForRoti6p20tk").on("keydown keyup", sumForRoti6p20tk);
function sumForRoti6p20tk() {
$("#totalSalePacketForRoti6p20tk").val(Number($("#distributedPacketForRoti6p20tk").val())
- Number($("#bonusForRoti6p20tk").val()) -
Number($("#replaceForRoti6p20tk").val()) - Number($("#returnForRoti6p20tk").val())
);

$("#salesInAmountForRoti6p20tk").val(Number($("#totalSalePacketForRoti6p20tk").val()) * 20
);
}
});

// Roti4p14tk
$(function () {
$("#distributedPacketForRoti4p14tk, #bonusForRoti4p14tk, " +
"#replaceForRoti4p14tk, #returnForRoti4p14tk").on("keydown keyup", sumForRoti4p14tk);
function sumForRoti4p14tk() {
$("#totalSalePacketForRoti4p14tk").val(Number($("#distributedPacketForRoti4p14tk").val())
- Number($("#bonusForRoti4p14tk").val()) -
Number($("#replaceForRoti4p14tk").val())
- Number($("#returnForRoti4p14tk").val())
);

$("#salesInAmountForRoti4p14tk").val(Number($("#totalSalePacketForRoti4p14tk").val()) * 14
);
}
});

// final sum For Roti
$(function () {
$("#extSaleForRoti6p20tk, #extSalesForRoti4p14tk, " +
" #dueReceivedForRoti, #dueInAmountForRoti, " +
"#expAndComForRoti").on("keydown keyup", finalsumForRoti);
function finalsumForRoti() {
$("#totalSaleAmountForRoti").val(Number($("#extSaleForRoti6p20tk").val())
+ Number($("#extSalesForRoti4p14tk").val()) +
Number($("#salesInAmountForRoti6p20tk").val())
+ Number($("#salesInAmountForRoti4p14tk").val())
);

$("#totalReceivedForRoti").val(Number($("#totalSaleAmountForRoti").val())
+ Number($("#dueReceivedForRoti").val())
- Number($("#dueInAmountForRoti").val())
- Number($("#expAndComForRoti").val())
);
}
});

</script>

Вот HTML-код

Это мой HTML-код с функцией Jquery

Я хочу использовать эти функции jquery. Я просто хочу отправить параметр, тогда эта функция будет делать ту же работу для всех.

Эти функции будут выполнять те же функции, что и отправка параметра.
Как повторно использовать функцию jquery без копирования, вставьте ее снова и снова?
Можете ли вы показать мне путь или учебник?

Я хочу повторно использовать код. Мне нужно это больше, чем в пять раз. но мне нужно скопировать вставить и изменить идентификатор или переменную, но я хочу сделать функцию, которая может делать то же самое. Мне нужно просто отправить параметр каждый раз. 🙂

0

dry jquery php

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Вы можете написать функцию Javascript, которая принимает список идентификаторов в качестве аргумента.

function sumForFields(totalid, salesid, inputids, salesmultiplier) {
$(inputids.join(',')).on("keydown keyup", function() {
var total = Number($(inputids[0]).val());
for (var i = 1; i < inputids.length; i++) {
total -= Number($(inputids[i]).val());
}
$(totalid).val(total);
$(salesid).val(total * salesmultiplier);
});
}

Тогда вы можете написать:

sumForFields('#totalSalePacketForRoti6p20tk', '#salesInAmountForRoti6p20tk',
['#distributedPacketForRoti6p20tk', '#bonusForRoti6p20tk', '#replaceForRoti6p20tk', '#returnForRoti6p20tk'],
20);

Это для первых двух функций. Последний имеет другую структуру, так как он смешивает сложение и вычитание, когда объединяет поля, а не просто вычитает все, как первые два.

2