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

[Anonymous]

У меня есть файл jsp, в результате которого получается следующий HTML:

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

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

Это из моего файла pay.js:

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

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');
}

}

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

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

Когда флажок установлен, непогашенный платеж для этой строки выбирается для оплаты путем установки 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