亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

js實現購物車數量加減

js實現購物車數量加減

thrmagic 2015-12-15 18:09:28
<style>input{width:100px; height:32px;}span{display:inline-block;height:32px;width:32px;text-align:center;line-height:32px;border:1px solid red;margin-top:15px;}</style></head><body><script>window.onload=function(){ numWay(); }function numWay(){ var num_box=document.getElementById("menu_carge"); var spans=num_box.getElementsByTagName("span"); var input=document.getElementById("num"); var val=parseInt(input.value); for(var i=0; i<spans.length;i++){ spans[i].onclick=function(){ if(spans[i].className=="plus"){ input.value=val+1; } else{ input.value=val-1; } } } }</script><div id="menu_carge"><span class="cut">-</span><input type="text" id="num" value="1" /><span class="plus">+</span></div>為什么沒有辦法運行加減呢,哪里有問題,求指導。
查看完整描述

4 回答

已采納
?
李曉健

TA貢獻1036條經驗 獲得超461個贊

function?numWay(){
????var?num_box=document.getElementById("menu_carge");
????var?spans=num_box.getElementsByTagName("span");
????var?input=document.getElementById("num");
????for(var?i=0;?i<spans.length;i++){
????????spans[i].onclick=function(){
????????????var?val=parseInt(input.value);
????????????if(this.className=="plus"){
????????????????input.value=val+1;
????????????}
????????????else{
????????????????input.value=val-1;
????????????}
????????}
????}
}


查看完整回答
反對 回復 2015-12-15
點擊展開后面2
?
狂飆的蝸牛_1

TA貢獻96條經驗 獲得超43個贊

李小建的代碼是對的,作用域問題

查看完整回答
反對 回復 2015-12-15
?
lynhao

TA貢獻81條經驗 獲得超57個贊

作用域的問題哦~

查看完整回答
反對 回復 2015-12-15
?
lynhao

TA貢獻81條經驗 獲得超57個贊

我用最原始的寫法可以的,估計是你那個嵌套的function寫錯了
function?numWay()
{
????var?num_box=document.getElementById("menu_carge");
????var?spans=num_box.getElementsByTagName("span");
????var?input=document.getElementById("num");
????var?val=parseInt(input.value);
????for(var?i=0;?i<spans.length;i++){

????????????if(spans[i].className=="plus"){
????????????????input.value=parseInt(val+1);

????????????}
????????????else{
????????????????input.value=parseInt(val-1);
????????????}

????}
}
<span?class="cut"?onclick="numWay()">-</span>
<input?type="text"?id="num"?value="1"?/>
<span?class="plus"?onclick="numWay()">+</span>



查看完整回答
反對 回復 2015-12-15
  • 4 回答
  • 0 關注
  • 6338 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號