使用jquery进行跨度计算

时间:2014-02-05 12:13:40

标签: javascript jquery css

这里我试图根据有效跨度计算值。我在jsfiddle上发布了我的完整代码。跨度不是满足的。另一个重要的事情是我假设跨度值为40.因此,如果用户选择了跨度,它将变为绿色。如果用户点击另一个范围span#returndata应为40 + 40 = 80.如果用户点击另一个范围,则结果应为40 + 40 + 40 = 120。

我在jquery下面尝试过。但我没有得到结果..

JsFiddle

的jQuery

$(".text").click(function(){
    $(this).toggleClass('selected');
    $(function(){
        $('span#text').click(function(){
            value = 40;
            var t = ('span#text').value;
            var total = (t+t);
            $('span#returndata').val(total);
        });
    });
});

2 个答案:

答案 0 :(得分:6)

我更新了你的jFiddle以使它工作。 http://jsfiddle.net/m89L4/6/

每次用户点击时,最好根据所选座位数重新计算值,否则可能会出现不一致。

JS代码

$(".text").click(function(){
    $(this).toggleClass('selected');
    var count = $('.selected').length;
    var value = 40;
    $('.returndata').text(value*count);
});

答案 1 :(得分:0)

试试这个

$(".text").click(function(){
    $(this).toggleClass('selected');
            value = 40;
            var t = parseInt($(this).text(),10);
            var total = parseInt(value+t);
            $('span.returndata').text(total);   
})