jquery .change在多组单选按钮上更改.html()

xlpyo6sf 于 2022-11-22 发布在 jQuery

关注(0)|答案(1)|浏览(112)

以下是一个产品的变体。我正在寻找.change（）的语法，以便在选择值时，它会根据以下计算更改定价：

捆绑包1+大理石颜色= 15$
捆绑包1+黑色= 18$
套装二[最受欢迎] +大理石颜色= 25$
套装二[最受欢迎] +黑色= 28$
三个[讲价] +大理石颜色= 34$
三个[讲价] +黑色= 40结雅

<div>
<label>Choose Bundle</label>
<input class="options-selection__option-value-input" type="radio" name="Bundle+%26+Save" value="One">
<input class="options-selection__option-value-input" type="radio" name="Bundle+%26+Save" value="Two [Most Popular]">
<input class="options-selection__option-value-input" type="radio" name="Bundle+%26+Save" value="Three [Best Offer]">
</div>

<div>
<label>Choose Color</label>
<input class="options-selection__option-value-input" type="radio" name="Choose+Your+Color" value="Marble">
<input class="options-selection__option-value-input" type="radio" name="Choose+Your+Color" value="Black">
</div>

<span class="money">15$</span>

我可以根据1组更改值：

$(document).ready(function(){
  $("input[type='radio'][value='Marble']").change(function(){
    $('.money').html("15$");
  });
});

但我很困惑如何处理2组单选按钮

jquery

来源：https://stackoverflow.com/questions/74391660/change-on-multiple-sets-of-radio-buttons-to-change-html

1条答案

按热度按时间

0g0grzrc1#

我可以通过应用以下jQuery代码来实现

function chpriceone() {
  if ($("input[type='radio'][value='One']").is(":checked") && $("input[type='radio'][value='Marble']").is(":checked")) {
    $('.money').html("15$");
}}

$(document).ready(function() {
  $("input[value='One'], input[value='Marble']").click(function() {
    chpriceone();
  });

赞(0）回复(0）举报 2022-11-22

我来回答

jquery .change在多组单选按钮上更改.html()

1条答案

相关问题

热门标签

最新问答