Изменение ввода с флажка на кнопку ⇐ Jquery

[Anonymous]

У меня есть файл jsp, результатом которого является этот HTML:

Код: Выделить всё

jQuery(document).ready(function() {
'use strict';

jQuery('input:radio[name="agreeToMandate"]').prop('checked', false);

jQuery('input:checkbox[name^="paymentList"]').on('change', function() {

var selected = [];
jQuery.each(jQuery('input[name^="paymentList"]:checked'), function() {
selected.push(jQuery(this).attr('id'));
});

if (selected.length > 0) {
var total = getTotalAmount(selected);
jQuery('#fldTotal_Amount').text(total);
jQuery('#divSubmit').css('display', 'block');
} else {
jQuery('#divSubmit').css('display', 'none');
}
});

jQuery('#paymentForm').submit(function(event) {
if (!jQuery('input:checkbox[name^="paymentList"]:checked').val()) {
showValidationError('Contract', 'Please select a contract');
return false;
}
return true;
});

jQuery('#btnCancel').click(function() {
window.location.href = 'list_payment.form';
return false;
});

});

function getTotalAmount(selected) {
var total = 0;
for (var index = 0; index < selected.length;  index++) {
var contractNumber = selected[index].substr(11);
var selId = '#txtAmount' + contractNumber;
var currency = jQuery(selId).text().trim();
var value = Number(currency.replace(/[^0-9\.]+/g, ""));
total += parseFloat(value);
}
return total.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, '$1,');
}

function toggleField(field) {

if (jQuery(field).prop('checked')) {
jQuery(field).prop('unchecked');
} else {
jQuery(field).prop('checked');
}

}

Код: Выделить всё

To pay ,  select the policy from the list and click Proceed.





Policy Number
Description
Status
Current Premium
Amount Outstanding
Collection Day















12345678



Income Protection Plan


In Force



€1,574.40
Annual




€1,574.40





15













98765432




Income Protection Plan



In Force




€841.01
Annual




€841.01


23

В настоящее время кнопка «Продолжить» скрыта до тех пор, пока не будет установлен хотя бы один флажок. Затем он появляется внизу. Это код флажка:

Код: Выделить всё

Когда флажок установлен, непогашенный платеж для этой строки выбирается для оплаты путем установки selectedForPayment для Java-объекта Payment. Если нажать «Продолжить», эта сумма будет отправлена ​​в submit_paying.form. Я хочу заменить флажок на кнопку. Он должен появиться в каждой строке, и если нажать кнопку, сумма задолженности, соответствующая этой строке, должна быть выбрана и отправлена на оплату.
Если я изменю входные данные на .selectedForPayment")/> и этот раздел pay.js следующим образом:

Код: Выделить всё

jQuery('input:button[name^="paymentList"]').click(function () {

var selected = [];

selected.push(jQuery(this).attr('id'));

if(selected.length>0) {
var total = getTotalAmount(selected);
jQuery('#fldTotal_Amount').text(total);
jQuery('#divSubmit').css('display', 'block');
}else {
jQuery('#divSubmit').css('display', 'none');
}
});

jQuery('#paymentForm').submit(function (event) {
return true;
});

метка «Общая сумма платежа» обновляется и отображает правильную сумму, но неоплаченный платеж не выбран, и кнопка не пытается отправить платеж. Что я делаю не так?


Подробнее здесь: https://stackoverflow.com/questions/798 ... -to-button