1. 程式人生 > >jquery表單驗證10章

jquery表單驗證10章

attr inner 不能 att length parent created create plus

淘寶網購物車:

技術分享圖片

/**

* Created by MLQ on 2018/04/12.

*/

$(function () {

$("img[alt=add]").click(plus);

function plus(){

var money=0.0;

var num=$("img[alt=add]").index(this);//當前的索引值點擊的時候

$(".num_input")[num].value++;//讓當前點擊的num值增加

money=(parseFloat($(".cart_td_5")[num].innerText)*parseFloat($(".num_input")[num].value)).toFixed(2);//四舍五入並留2位小數

//alert(money);

//alert(num);

$(".cart_td_7")[num].innerText=money;

sumPrice();

}

//數量減少:

$("img[alt=minus]").click(minus);

function minus(){

var num=$("img[alt=minus]").index(this);

var num1=$(".num_input")[num].value;//減少

if(num1==1){

alert(‘數量不能小於1‘);

}else{

$(".num_input")[num].value--;//讓當前點擊的num值增加

money=(parseFloat($(".cart_td_5")[num].innerText)*parseFloat($(".num_input")[num].value)).toFixed(2);//四舍五入並留2位小數

//alert(money);

//alert(num);

$(".cart_td_7")[num].innerText=money;//給小計賦值,money算出來的值

sumPrice();

}

}

function sumPrice(){

var num = $(".num_input").length;

var money = 0;

var money1 = 0;

var jifen = 0;

for (var i = 0; i < num; i++) {

jifen += parseFloat($(".cart_td_4")[i].innerText);

money = (parseFloat($(".cart_td_5")[i].innerText) * parseFloat($(".num_input")[i].value));

$(".cart_td_7")[i].innerText = money;

money1 += money;

}

$("#total").text(money1);

$("#integral").text(jifen);

}

/*//計算總價格

function sumPrice() {

var num = $(".num_input").length;

var money = 0;

var money1 = 0;

var jifen = 0;

for (var i = 0; i < num; i++) {

jifen += parseFloat($(".cart_td_4")[i].innerText);

money = (parseFloat($(".cart_td_5")[i].innerText) * parseFloat($(".num_input")[i].value));

$(".cart_td_7")[i].innerText = money;

money1 += money;

}

$("#total").text(money1);

$("#integral").text(jifen);

}*/

sumPrice();

//全部選中

$("#allCheckBox").toggle(

function () {

$("input[name=cartCheckBox]").attr("checked", true);

},

function () {

$("input[name=cartCheckBox]").attr("checked", false);

}

);

//刪除選中商品

//$("[alt=delete]").click(deleteShop);

//function deleteShop() {

// ....................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................... $("tr[id]").each(

// function (i, e) {

// var $tr = $(e);

// var checked = $tr.children(".cart_td_1").children().is(":checked");

// if (checked) {

// $tr.prev().remove();

// $tr.remove();

// };

// }

// );

// sumPrice();

//};

//刪除選中商品er

$("[alt=delete]").click(deleteShop1);//點擊刪除所選

function deleteShop1() {

var del=$("input[name=cartCheckBox]:checked");//被選中的框,給選中的框賦值

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

var del1=$(del[i]);

del1.parent().parent().prev().remove();//同輩元素刪除

del1.parent().parent().remove();//刪除當前tr

} sumPrice();

};

//點擊刪除

$(".cart_td_8").find("a").click(function () {

$(this).parent().parent().prev().remove();//刪除前一tr

$(this).parent().parent().remove();//刪除當前tr

sumPrice();

});

});



$(function () {
$("img[alt=add]").click(plus);function plus(){var money=0.0;var num=$("img[alt=add]").index(this);//當前的索引值點擊的時候$(".num_input")[num].value++;//讓當前點擊的num值增加money=(parseFloat($(".cart_td_5")[num].innerText)*parseFloat($(".num_input")[num].value)).toFixed(2);//四舍五入並留2位小數//alert(money);//alert(num);$(".cart_td_7")[num].innerText=money; sumPrice();}
//數量減少:$("img[alt=minus]").click(minus); function minus(){ var num=$("img[alt=minus]").index(this); var num1=$(".num_input")[num].value;//減少 if(num1==1){ alert(‘數量不能小於1‘); }else{ $(".num_input")[num].value--;//讓當前點擊的num值增加 money=(parseFloat($(".cart_td_5")[num].innerText)*parseFloat($(".num_input")[num].value)).toFixed(2);//四舍五入並留2位小數 //alert(money); //alert(num); $(".cart_td_7")[num].innerText=money;//給小計賦值,money算出來的值 sumPrice(); } }

function sumPrice(){ var num = $(".num_input").length; var money = 0; var money1 = 0; var jifen = 0; for (var i = 0; i < num; i++) { jifen += parseFloat($(".cart_td_4")[i].innerText); money = (parseFloat($(".cart_td_5")[i].innerText) * parseFloat($(".num_input")[i].value)); $(".cart_td_7")[i].innerText = money; money1 += money; } $("#total").text(money1); $("#integral").text(jifen); }
/*//計算總價格 function sumPrice() { var num = $(".num_input").length; var money = 0; var money1 = 0; var jifen = 0; for (var i = 0; i < num; i++) { jifen += parseFloat($(".cart_td_4")[i].innerText); money = (parseFloat($(".cart_td_5")[i].innerText) * parseFloat($(".num_input")[i].value)); $(".cart_td_7")[i].innerText = money; money1 += money; } $("#total").text(money1); $("#integral").text(jifen); }*/
sumPrice();
//全部選中 $("#allCheckBox").toggle( function () { $("input[name=cartCheckBox]").attr("checked", true); }, function () { $("input[name=cartCheckBox]").attr("checked", false); } ); //刪除選中商品 //$("[alt=delete]").click(deleteShop); //function deleteShop() { // ....................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................... $("tr[id]").each( // function (i, e) { // var $tr = $(e); // var checked = $tr.children(".cart_td_1").children().is(":checked"); // if (checked) { // $tr.prev().remove(); // $tr.remove(); // }; // } // ); // sumPrice(); //}; //刪除選中商品er $("[alt=delete]").click(deleteShop1);//點擊刪除所選 function deleteShop1() { var del=$("input[name=cartCheckBox]:checked");//被選中的框,給選中的框賦值 for (var i = 0; i < del.length; i++) {var del1=$(del[i]);del1.parent().parent().prev().remove();//同輩元素刪除 del1.parent().parent().remove();//刪除當前tr
} sumPrice(); };

//點擊刪除 $(".cart_td_8").find("a").click(function () { $(this).parent().parent().prev().remove();//刪除前一tr $(this).parent().parent().remove();//刪除當前tr sumPrice(); });});

jquery表單驗證10章