如何通过单击元素来更改数据

时间:2016-05-04 12:20:02

标签: javascript jquery

首先,我为每个循环迭代了对象:

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>

但它不起作用,有人可以帮我解决这个问题:)

0 个答案:

没有答案