以下是完整版的JS：

Question

我尝试创建用户选择的定价体验，点击复选框（选择列表大小）会更改某些定价图表。

我有设置的想法，甚至有 extremely simplified version 工作。

$('input[name="optionsRadios"]').on('change', function(){
    if ($(this).val()=='small') {
        //change to "show update"
         $(".change1").text("green");
         $(".change2").text("yellow");
    } else if ($(this).val()=='med') {
        $(".change1").text("pink");
        $(".change2").text("white");
    } else if ($(this).val()=='large') {
        $(".change1").text("red");
        $(".change2").text("blue");
    } 
});

但是，当我将其移至我的 live site 时，它似乎并不想要预制脚本。它也没有抛出我的脚本特有的任何错误。

以下是完整版的JS：

/* Auto Pricing Updater */
$('input[name="pricing-radios"]').on('change', function(){
    if ($(this).val()=='pricing1') {
        //change to "show update"
         $(".pricing-engage-chng").text("179");
         $(".pricing-engage-chng-additional").text(".01");
         $(".pricing-crm-chng").text("214");
         $(".pricing-crm-chng-additional").text(".01");
         $(".upgrade-price").text(".0025");
    } else if ($(this).val()=='pricing2') { 
         $(".pricing-engage-chng").text("699");
         $(".pricing-engage-chng-additional").text(".005");
         $(".pricing-crm-chng").text("714");
         $(".pricing-crm-chng-additional").text(".006");
         $(".upgrade-price").text(".002");
    } else if ($(this).val()=='pricing3') {
         $(".pricing-engage-chng").text("3,499");
         $(".pricing-engage-chng-additional").text(".0025");
         $(".pricing-crm-chng").text("3,514");
         $(".pricing-crm-chng-additional").text(".00325");
         $(".upgrade-price").text(".00075");
    } 
});

并且为了拥有它， simplified JS fiddle of the live site 。

非常感谢您解决此问题的任何帮助！

Answer 1

您没有收到错误，因为您的Javascript / JQuery代码没有任何错误。

查看您的小提琴，您尝试更改的元素未标记为JQuery代码中引用的类。

没有任何元素（至少在小提琴中）有一类定价 - 参与 - chng，定价 - 参与 - 附加 - 定价 - 定价 - 定价 - 定价 - 定价 - 附加或升级 - 价格

当您执行$(".pricing-engage-chng")时，您正在选择具有定价类型的所有元素 - 参与-chng。例如，如果您要选择当前标记为<span class="pricing-number">79</span>的元素，则需要添加pricing-engage-chng类，如下所示：<span class="pricing-number pricing-engage-chng">79</span>

无法使用多个复选框更新值？

以下是完整版的JS：

1 个答案: