部分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实现电影票选座效果手机端代码的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。