0

可能重复：
内联复选框ajax修改数字

例如，我有一个这样的 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 美元/月）文本 bla bla

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

所以基本上我有一个要订阅的复选框，其中包含该订阅的价格，并且在该复选框下，如果您选中该复选框，它应该在上面的订阅中编辑内联价格 -30$ 如果检查，如果不保持不变。

我如何使用 Ajax 或某种 JQuery/JS 函数来执行此操作，以根据该跨度的 ID 与POPUP中的第二个复选框的 ID 进行在线编辑？

JSfiddle

另请查看此解决方案无效：

斯莱文解决方案

分流器解决方案

jQuery版本：1.6.2

提前感谢大家！

4

2 回答 2

1

我会将价格存储在data属性中。这样您就可以计算要在change复选框的处理程序中显示的值：

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

这是一个演示：http: //jsfiddle.net/kkfJF/40/

于 2012-12-05T12:50:33.527 回答
0 
$(function(){
    $('#custom_test').change(function(){
        if($(this).is(':checked')) 
            $('span#price').html('20');
        else
            $('span#price').html('50');
    });
});
于 2012-12-05T12:49:42.913 回答