内联复选框ajax修改一个数字

我有一个像这样的HTML例如：

Want to get email ($50/month)  bla bla bla
 
-$30 subscribe Please check this to add your own email 

Stucture：

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

[另一个复选框]提供-30 $添加自己的电子邮件）

所以基本上我有一个复选框来订阅，有一个价格的订阅，并在我有另一个“优惠”复选框，如果你选中它应编辑的复选框内联上述订阅中的价格-30 $如果检查，如果不是保持不变。

我如何使用Ajax或某种JQuery / JS函数进行编辑，具体取决于具有第二个复选框id的跨度的ID？

的jsfiddle

在此先感谢所有人！

Answer 1

你知道你有非常糟糕的非语义标记，不是吗？ 在做任何理智之前，你需要使它有效和语义。 但是对于你目前的情况，这里是jQuery片段：

 var price = document.getElementById('price'), origPrice = parseInt(price.innerHTML), reducedPrice = parseInt(price.innerHTML) - 30; $('#custom_test').change(function(ev) { if (ev.target.checked) { price.innerHTML = reducedPrice; } else { price.innerHTML = origPrice; } });​ 

的jsfiddle

在这里您可能想要更新标记：

 
 
  Want to get email ($50/month)   Some text 
 
  -$30 subscribe   Please check this to add your own email 
  

的jsfiddle

Answer 2

使用jQuery就像

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

查看小提琴： http ： //jsfiddle.net/kkfJF/29/

希望这可以帮助