首先,我为每个循环迭代了对象:
jQuery(document).ready(function($) {
// Upgrades
$('.form-upgrades input').each(function (index) {
var $parent = $(this).parent(),
$content = $parent.html();
$content = $content.split('~'),
amount = $content[3],
$parent.html(
$('<div class="form-toggle" id="toggle' + uniqueId + '">' +
'<div class="form-toggle-image">' +
'<img src="/img/toggle/ic-toggle' + uniqueId + '.png">' +
'<div class="checker"><i class="checker-bar-top"></i><i class="checker-bar-bottom"></i></div>' +
'</div>'+
input + name + ' ' + infoBlock + '<br>'+ currency + amount.replace(".", ",") + ' ' + period +
'</div>')
);
首先,我将第二项的数量设置为零,如下所示:
if (index === 1) {
amount = '0';
}
因为它总是1.50
但现在我想在点击特定元素时将其更改回1.50。
当我点击ID为amount
的元素时,我想更改toggle_151
,我想我可以用此更改它:
$('#toggle_151').click(function () {
if (index === 1) {
amount = '1,50';
}
});
这里是必须更改金额的元素的html代码:
<div class="checkbox">
<label for="opifer_form_post_valueset_namedvalues_upgrades_options_153">
<div class="form-toggle active" id="toggle_153"></div>
<input type="checkbox" id="opifer_form_post_valueset_namedvalues_upgrades_options_153" value="153" data-amount="1.50">
Wellness
<br>
</div>
</label>
</div>
但它不起作用,有人可以帮我解决这个问题:)