Как изменить значение атрибута ввода с помощью jquery

Question

У меня есть следующая структура html и вы хотите изменить значение атрибута цены при заполнении другого ввода.

<dd> 
    <div class="input-box additional-images imprint-images" style="height: 400px; padding-bottom: 0px; outline: medium none; overflow: hidden; width: 889px; padding-right: 0px;" tabindex="0"> 
     <ul id="options-788-list" class="options-list"> 
      <li> 
       <input type="checkbox" price="0" value="9697" id="options_788_2" name="options[788][]" onclick="opConfig.reloadPrice()" class="checkbox product-custom-option"> 
      </li> 
     </ul> 
    </div> 
</dd> 
    <div class="color-quantity not-selected-inputs"> 
     <input type="text" name="custom" onkeydown="return myFunction(event);"> 
    </div> 

Я попытался изменить атрибут цен, используя следующий сценарий, но не работает:

var quantitys = 0; 
jQuery(".color-quantity > input").each(function() { 
    if (this.value) { 
     quantitys += (this.value) * 1; 
    } 

    if (parseInt(quantitys) >= "25") { 
     alert("more than 25"); 
     jQuery("dd > .imprint-images > ul > li > input").attr("price", "5.00"); 
    } 
}); 

Пожалуйста, помогите мне в этом случае.

Answer 1

HTML

<dd> 
    <div class="input-box additional-images imprint-images" style="height: 400px; padding-bottom: 0px; outline: medium none; overflow: hidden; width: 889px; padding-right: 0px;" tabindex="0"> 
     <ul id="options-788-list" class="options-list"> 
      <li> 
       <input type="checkbox" data-price="0" value="9697" id="options_788_2" name="options[788][]" onclick="opConfig.reloadPrice()" class="checkbox product-custom-option"> 
      </li> 
     </ul> 
    </div> 
</dd> 
    <div class="color-quantity not-selected-inputs"> 
     <input type="text" name="custom" onkeydown="return myFunction(event);"> 
    </div> 

JS

var quantitys = 0; 
jQuery(".color-quantity > input").each(function() { 
    if (this.value) { 
     quantitys += parseInt(this.value); 
    } 

    if (quantitys >= 25) { 
     alert("more than 25"); 
     $("div.imprint-images > ul > li > input").attr("data-price", "5.00"); 
    } 
}); 

Будет ли эта работа для вас?

Answer 2

проверить это я изменил цены к данным цена на вашем флажок и добавить манекен классу update_price_element

добавить класс add_price в текстовое поле

HPE это помогает.

var quantitys = 0; 
 
\t $('.add_price').blur(function(){ 
 
\t \t var value = $(this).val(); 
 
\t \t if (value) { 
 
\t \t \t quantitys += (this.value) * 1; 
 
\t \t } 
 
\t \t if (parseInt(quantitys) >= "25") { 
 
\t \t \t alert("more than 25"); 
 
\t \t \t $(".update_price_element").attr("data-price", "5.00"); 
 
\t \t } 
 
\t });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<dd> 
 
    <div class="input-box additional-images imprint-images" style="height: 400px; padding-bottom: 0px; outline: medium none; overflow: hidden; width: 889px; padding-right: 0px;" tabindex="0"> 
 
     <ul id="options-788-list" class="options-list"> 
 
      <li> 
 
       <input type="checkbox" data-price="0" value="9697" id="options_788_2" name="options[788][]" onclick="opConfig.reloadPrice()" class="checkbox product-custom-option update_price_element"> 
 
      </li> 
 
     </ul> 
 
    </div> 
 
</dd> 
 
<div class="color-quantity not-selected-inputs"> 
 
<input type="text" name="custom" class="add_price" onkeydown="" /> 
 
</div>