jquery 如何即時(shí)加減計(jì)算

jquery部分

創(chuàng)新互聯(lián)專注于臨縣企業(yè)網(wǎng)站建設(shè),成都響應(yīng)式網(wǎng)站建設(shè),成都商城網(wǎng)站開發(fā)。臨縣網(wǎng)站建設(shè)公司,為臨縣等地區(qū)提供建站服務(wù)。全流程按需定制設(shè)計(jì)，專業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

function?testAdd(){????????

var?aa=$("#aa");????????

var?bb=$("#bb");

a=parseInt(aa.val());

b=parseInt(bb.val());

b=b+a;

bb.val(b);

bb.innerHTML=bb.value;

}????

function?testSub(){????????

var?aa=$("#aa");????????

var?bb=$("#bb");

a=parseInt(aa.val());

b=parseInt(bb.val());

b=b-a;

bb.value=b;

bb.innerHTML=bb.value;

}

html部分

body????

input?type="button"?name="add"?value="add"?onclick="testAdd()"????

input?type="text"?id="aa"????

input?type="button"?name="sub"?value="sub"?onclick="testSub()"????

br/????

購物車????

input?type="text"?value="100"?id="bb"

/body

如何用jquery實(shí)現(xiàn)對(duì)選中內(nèi)容的值實(shí)行加減操作

給你寫好了，很簡(jiǎn)單，你預(yù)覽的時(shí)候記得引用自己的jQuery文件。

對(duì)了，你的table結(jié)構(gòu)有問題，給你稍做了改動(dòng)。希望對(duì)你有用，呵呵

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

style type="text/css"

.changeBG{

background-color:#09F;}

input{

background-color:#E6EFF0;}

.quick span{

display:block;

float:left;

cursor:pointer;

padding:3px;}

label{

cursor:pointer;}

/style

script src="../scripts/jquery-1.4.js" type="text/javascript"/script

script type="text/javascript"

var A=[1,3,9]; //選項(xiàng)A的列表

var B=[2,4,6]; //選項(xiàng)B的列表

$(function(){

$('.quick:contains("A")').click(function(){

change('input',A);});

$('.quick:contains("B")').click(function(){

change('input',B);});

$('.quick:contains("反選")').click(function(){

turnOver();});

$('.quick:contains("取消")').click(function(){

abolish();});

$('.quick span:contains("-")').click(function(){

decrease(10);});

$('.quick span:contains("+")').click(function(){

increase(10);});

$('label').parent().click(function(){

$(this).next().children().toggleClass('changeBG')});

});

function change(str,arr){

for(i=0;iarr.length;i++)

$($(str).get(arr[i]-1)).addClass('changeBG');}

function abolish(){

$('input').removeClass('changeBG');}

function turnOver(){

$('input').toggleClass('changeBG');}

function increase(num){

var a=$('.changeBG');

for(i=0;ia.length;i++)

$(a[i]).val($(a[i]).val()*1+num);}

function decrease(num){

var a=$('.changeBG');

for(i=0;ia.length;i++)

$(a[i]).val($(a[i]).val()*1-num);}

/script

title無標(biāo)題文檔/title

/head

body

table border="0" align="center" cellpadding="0" cellspacing="0"

tr

td align="left"

table

tr

td class="quick"a href="#"FONT color=redA/FONT/a/td

td class="quick"a href="#"FONT color=blueB/FONT/a/td

td class="quick"a href="#"反選/a/td

td class="quick"a href="#"取消/a/td

/tr

/table

/td

/tr

tr

td align="left"

table cellpadding="0" cellspacing="1" border="0"

tr

th序號(hào)/th

th值/th

th序號(hào)/th

th值/th

th序號(hào)/th

th值/th

th序號(hào)/th

th值/th

th序號(hào)/th

th值/th

/tr

tr

td align="right"label1/label/td

tdinput type="text" name="num[]" value="100" size="12"http://td

td align="right"label2/label/td

tdinput type="text" name="num[]" value="110" size="12"http://td

td align="right"label3/label/td

tdinput type="text" name="num[]" value="120" size="12"http://td

td align="right"label4/label/td

tdinput type="text" name="num[]" value="130" size="12"http://td

td align="right"label5/label/td

tdinput type="text" name="num[]" value="140" size="12"http://td

/tr

tr

td align="right"label6/label/td

tdinput type="text" name="num[]" value="200" size="12"http://td

td align="right"label7/label/td

tdinput type="text" name="num[]" value="210" size="12"http://td

td align="right"label8/label/td

tdinput type="text" name="num[]" value="220" size="12"http://td

td align="right"label9/label/td

tdinput type="text" name="num[]" value="230" size="12"http://td

td align="right"label10/label/td

tdinput type="text" name="num[]" value="240" size="12"http://td

/tr

/table

/td

/tr

tr

td align="left" class="quick"

span-/span

span10/span

span+/span

/td

/tr

/table

/body

/html

jquery怎么實(shí)現(xiàn)點(diǎn)擊加減按鈕調(diào)整數(shù)量的同時(shí)動(dòng)態(tài)的改變顯示的總價(jià)?

拿到input的值 當(dāng)點(diǎn)擊+ 索引++就好了 后面的同理 拿到索引*2你的價(jià)格就OK了

jquery實(shí)現(xiàn)了點(diǎn)擊事件，點(diǎn)擊加減按鈕然后總價(jià)動(dòng)態(tài)改變，怎么讓輸入框直接輸入的內(nèi)容也能讓總價(jià)改變

用oninput事件，在用戶輸入時(shí)觸發(fā)。

例如：

html:

input?type="text"?id="qty_item_1"?oninput="change_total()"

js:

function?change_total()?{

var?z?=?$("#qty_item_1").val();

var?zz?=?z*1999;

$("#total_item_1").text(zz);

}

網(wǎng)頁名稱：jquery加減,jquery增刪改
當(dāng)前地址：http://chinadenli.net/article34/dsdsspe.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、面包屑導(dǎo)航、網(wǎng)站收錄、App開發(fā)、、虛擬主機(jī)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)