Javascript 内联复选框ajax/jquery在弹出窗口中更改数字

可能重复：

我有这样一个html，例如：

<li>
    <label class="desc">
        <font color="green">
            Want to get email ($<span id="price">50</span>/month)
        </font>
    </label>
    <input type="checkbox" checked="" id="subscribe" name="subscribe"> bla bla bla
</li>

<li>
    <label class="desc">-$30 subscribe</label>
    <input type="checkbox"  id="custom_test" name="custom_test">Please check this to add your own email
</li>

想要收到电子邮件（50美元/月）
呜呜呜呜


-30美元订阅
请选中此项以添加您自己的电子邮件

结构：

[复选框]订阅（50美元/月）文本bla bla

[另一个复选框]优惠-30美元可添加自己的电子邮件）

所以基本上我有一个复选框来订阅，带有订阅的价格，在这个复选框下我有另一个“出价”复选框，如果你选中这个复选框，它应该在上面的订阅中内联编辑价格，如果选中，则为-30美元，如果没有，则保持不变

如何使用Ajax或某种JQuery/JS函数来在线编辑，具体取决于该范围的ID和弹出窗口中第二个复选框的ID

还请查看此解决方案不起作用：

Jquery版本：1.6.2

---

提前感谢大家

我会将价格存储在

数据

属性中。这样，您就可以计算要在复选框的

change

处理程序中显示的值：

$(function(){
    $('#custom_test').change(function(){
        if($(this).is(':checked')) 
            $('span#price').html('20');
        else
            $('span#price').html('50');
    });
});

$('#custom_test').change(function(){
    if($(this).is(':checked')){
        $('#price').text($('#price').data('price') - 30);
    }else{
        $('#price').text($('#price').data('price'));
    }
});

---

这里有一个演示：

你向人们收取50美元的电子邮件费？这是一个虚拟文本，不是真实文本。我刚刚看了一下你链接到的解决方案。它们似乎完全符合您的要求。@Asad Yes:（这是令人讨厌的部分，它在弹出窗口中根本不适用于我，请查看我对您的解决方案的评论。您提供的JSFIDLE中没有“弹出窗口”。您在说什么？很酷。从未使用过（或见过使用过）数据属性是这样的。@谢谢你的回答，它仍然不起作用，我对此感到很疯狂：（（这是一个弹出窗口，不起作用，我把它放在

$（document）.ready（function（）{}）；

仍然不起作用working@TimJoyce我经常用它来做这类事情，作为一种“真正的价值”元素上的指示符。非常方便：）@Asad该复选框还具有另一个灰显某些输入函数的

onclick

，这会把事情搞砸吗（该函数正在工作）？@Jimmy你应该接受前面问题的答案，因为它完成了同样的事情。谢谢你理解这个问题。