w_hat_the_f_uck 2016-10-09 06:08 采纳率: 0%
浏览 2120

jQuery选座系统,如何实现只能选择一个座位

  1. 选座系统,使用jQuery实现,要求只有一个位置处于被选择状态。以下代码可以选择多个位置,不符合要求,不知该如何修改。(我想应该要获得上一次点击选择的位置信息,但也不知道如何实现)
    var sc = $('#seat-map').seatCharts({
    map: [ //座位图
    'aa_aaaaaaaa',
    'aa_aaaaaaaa',
    '__________',
    'aaaaaaaa__',
    'aaaaaaaaaa',
    'aaaaaaaaaa',
    'aaaaaaaaaa',
    'aaaaaaaaaa',
    'aaaaaaaaaa',
    'aa__aa__aa'
    ],
    legend : { //定义图例
    node : $('#legend'),
    items : [
    [ 'a', 'available', '可选' ],
    [ 'a', 'unavailable', '已占']
    ]

    },
    click: function () { //点击事件
    if (this.status() == 'available') { //可选座
    $('

  2. '+(this.settings.row+1)+'排'+this.settings.label+'座
  3. ')
    .attr('id', 'cart-item-'+this.settings.id)
    .data('seatId', this.settings.id)
    .appendTo($cart);
            $counter.text(sc.find('selected').length+1); 
            $total.text(recalculateTotal(sc)+price); 
    
            return 'selected'; 
        } else if (this.status() == 'selected') { //已选中 
            //更新数量 
            $counter.text(sc.find('selected').length-1); 
            //更新总计 
            $total.text(recalculateTotal(sc)-price); 
    
            //删除已预订座位 
            $('#cart-item-'+this.settings.id).remove(); 
            //可选座 
            return 'available'; 
                            } else if (this.status() == 'unavailable') { //已售出 
            return 'unavailable'; 
        } else { 
            return this.style(); 
        } 
    }
    

    });
    //已售出的座位
    sc.get(['1_2', '4_4','4_5','6_6','6_7','8_5','8_6','8_7','8_8', '10_1', '10_2']).status('unavailable');
    图片说明

  • 写回答

3条回答 默认 最新

  • 紫轩崖 2016-10-09 06:37
    关注

    你用的是图形来标识位置的?

    评论

报告相同问题?

悬赏问题

  • ¥50 如何增强飞上天的树莓派的热点信号强度,以使得笔记本可以在地面实现远程桌面连接
  • ¥15 MCNP里如何定义多个源?
  • ¥20 双层网络上信息-疾病传播
  • ¥50 paddlepaddle pinn
  • ¥20 idea运行测试代码报错问题
  • ¥15 网络监控:网络故障告警通知
  • ¥15 django项目运行报编码错误
  • ¥15 请问这个是什么意思?
  • ¥15 STM32驱动继电器
  • ¥15 Windows server update services