java电影票选座_jQuery实现电影票选座效果手机端代码

部分js代码

//判断页面加载完成

window.onload = function () {

if (document.readyState == "complete") {

$("body").show();

}

};

var arr = []; //已选座位数组

var dj = 99; //电影票单价 number

$(".danjia").text(dj);

遍历检查售票状态

typ ==0 可选

typ ==1 已选

typ ==2 已售

$(".content li").each(function (index) {

var typ = $(".content li").eq(index).attr("typ");

if (typ == "2") {

$(".content li").eq(index).css("background", "#0099ff");

}

});

//已选座位添加

function add(msg) {

var html = '

' + msg + '

return html;

}

//选座点击事件

function check(dom) {

var txt = $(dom).parent().parent().attr('pai') + "排" + parseInt($(dom).index() + 1) + "座";

var typ = $(dom).attr("typ");

if (typ == "0") {

if (arr.length > 4) {

alert("一人只能选择5个座位！");

return false;

} else {

$(dom).css("background", "#fe3f55");

$(dom).attr("typ", "1");

arr.push(txt);

$(".yxz").append(add(txt));

$(".num").text(arr.length);//已选电影票数量

$(".rmb span").text(dj * arr.length);//已选电影票总价

}

} else if (typ == "2") {

alert("该座位已售出！");

return false;

} else {

$(dom).css("background", "#f5f5f5");

$(dom).attr("typ", "0");

var index = arr.indexOf(txt);

arr.removeByValue(txt);//指定数组删除

$(".yxz div").eq(index).remove();

$(".num").text(arr.length);//已选电影票数量

$(".rmb span").text(dj * arr.length);//已选电影票总价

}

//数组删除指定元素方法

Array.prototype.removeByValue = function (val) {

for (var i = 0; i < this.length; i++) {

if (this[i] == val) {

this.splice(i, 1);

break;

}

java电影票选座_jQuery实现电影票选座效果手机端代码相关推荐

Java外卖点餐送餐平台源码带手机端带文档（源码分享）
Java仿饿了么外卖点餐送餐平台源码带手机端带文档(源码分享) 一个简单的外卖系统,包括手机端,后台管理,api基于spring boot和vue的前后端分离的外卖系统.包含手机端,后台管理功能. 核 ...
【Java基础】IO流与文件操作的一些手写代码面试题
概述代码概述 IO流是我们最基础的数据操作,最近我身边的一些朋友经常遇到这样的面试题,有的居然还是手写代码,真的太残酷了:不过话说回来,IO流确实是编程里最最基础的操作了,需要我们好好掌握,熟记于 ...
javawebJSP电影院在线订票系统JSP电影购票系统 JSP电影售票 JSP电影票预订系统（支持在线选座）
javawebJSP电影院在线订票系统JSP电影购票系统 JSP电影售票 JSP电影票预订系统(支持在线选座) protected void doGet(HttpServletRequest req, ...
java返回默认勾选复选框_JQuery 进入页面默认给已赋值的复选框打钩
效果: JQuery代码: $("#menuTree").find("div span").click(function () { currmenuid = t ...
火车票能不能选座_12306 现在可以选座了，但这个选座可能和你想的不太一样
今天,中国铁路客户服务中心 12306 宣布 C.D.G 字头车票推出了选座功能,也就是说以后你在铁路官网购买高铁和动车的车票,都可以自己挑选座位了. 这并不意味着你在买高铁票的时候能够像买机票.电影 ...
Java制作简单的单选和多选测试题
Java制作简单的单选和多选测试题题目: 定义考题类(Question)及其子类完成考题类(Question),单选题(SingleChoice)和多选题(MultiChoice)是其子类要求: ...
java多选_java单选换多选
JQuery 常用积累(四)Bootstrap Multiselect 阅读目录 1.JavaBean 方式,在JSP 页面,嵌入java 代码实现 2.后台数据库交互,前台 JavaScript 动 ...
Java web对试卷进行单选多选答题进行打分_如何快速进行学生学情测试，这里有具体的攻略和操作指南！...
对于众多一线老师而言,经常会碰到要对学生的学情进行测试的情况,不可避免地会面临如何能快速有效地将自己手中的试题上传到题库并推送给学生的问题. 对此,有没有好的解决方法呢?天喻导卷助手的问世,让这一难 ...
easyui数据表格显示复选框_EasyUI DataGrid 复选框
使用checkbox,用户可以选定/取消数据行. 添加checkbox列,我们简单的添加列的checkbox属性,并且设置为true.代码像这样: $('#tt').datagrid({ title: ...

java电影票选座_jQuery实现电影票选座效果手机端代码

java电影票选座_jQuery实现电影票选座效果手机端代码相关推荐

最新文章

热门文章