2017-09-14 95 views
1

這是我使用的優惠券輸入如何使用優惠券代碼負值從總價

IF需要更多的代碼,我的HTML部分,我將提供

Enter Coupon Code 



<input type="text" class="form" name="couponadd" id="couponadd" placeholder="Enter Your Coupon Code" oninput="myFunction()" style="width: -moz-available;" /> 

Oninput我我在腳本中獲得優惠券代碼

<script> 
function myFunction() { 
var getcoupon = document.getElementById("couponadd").value; 
var aftercoupn=0; 

如果優惠券代碼是金然後從總

if(getcoupon == 'gold') 
{ 
var aftercoupn = 15; 
document.getElementById("aftercoupan").innerHTML = '- $' + aftercoupn; 
alert('minus 15 dollers'); 
} 

少15如果優惠券代碼是銀然後從總

else if(getcoupon == 'silver') 
{ 
    var aftercoupn = 10; 
document.getElementById("aftercoupan").innerHTML = '- $' + aftercoupn; 
    alert('minus 10 dollers'); 
} 
else 
{ 
} 

} 
</script> 

蔭得到價格低10從PHP代碼循環

echo "<ul id='sub'>"; 
if($Seats == null){ 
echo '<li class="BlankSeat" ></li>'; 
} 
elseif($ticketType=='PINK' && $ticketType == $_GET['type']){ 
echo '<li class="pink" id="pink" data-price="100" title="Row'.$Seats.'" name="'.$RowName.'" value="'.$Seats.'"></li>'; 
} 

else{ 
echo '<li class="orange" id="orange" data-price="200" title="Row'.$Seats.'" name="'.$RowName.'" value="'.$Seats.'"></li>'; 
} 

} 

echo "</ul>"; 

script cod從獲取價格E在李

var total =0; 
var counter = 0; 
var price=0; 
$('li').click(function(e) { 
var price = $(this).attr('data-price'); 
if click something 
{ 
counter++; 
}else 
{ 
counter --; 
} 

的點擊我怎樣才能在這裏使用優惠券代碼值在總

var total = parseFloat(price * counter); 
document.getElementById('demoPrice').innerHTML = '$' + total; 
} 
}); 
+0

保存''中值aftercoupn'輸入'隱藏字段並獲取當你想使用 – Pritamkumar

+0

@Pritamkumar iam獲得優惠券代碼與oninput function.so當優惠券輸入減去總價 – krish

+0

@Pritamkumar thenafter? – krish

回答

1

更新的文字輸入aftercoupn變量,然後用它李肇星對點擊喜歡

var total = 0; 
 
var counter = 0; 
 
var price = 0; 
 
var aftercoupn = 0; 
 
$('li').click(function(e) { 
 
    $('li').removeClass('active'); 
 
    $(this).addClass('active'); 
 
    var price = $(this).attr('data-price'); 
 
    if (price) { // I'm not sure with the counter variable here 
 
    counter++; 
 
    } else { 
 
    counter--; 
 
    } 
 
    var total = parseFloat(price * counter); 
 
    $('#demoPrice').text('$' + (total-parseInt(aftercoupn))); 
 
}); 
 

 
function myFunction() { 
 
    var getcoupon = $("#couponadd").val(), 
 
     txt='Invaild Coupon'; 
 
    if (getcoupon == 'gold') { 
 
    aftercoupn = 15; 
 
    txt = '- $' + aftercoupn; 
 
    console.log('minus 15 dollers'); 
 
    counter=0; 
 
    } else if (getcoupon == 'silver') { 
 
    aftercoupn = 10; 
 
    txt = '- $' + aftercoupn; 
 
    console.log('minus 10 dollers'); 
 
    counter=0; 
 
    } 
 
    $('li.active').length && $('li.active').trigger('click'); 
 
    $("#aftercoupan").text(txt); 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" class="form" name="couponadd" id="couponadd" placeholder="Enter Your Coupon Code" oninput="myFunction()" style="width: -moz-available;" /> 
 
<div id="aftercoupan"></div> 
 
<ul id='sub'> 
 
    <li class="BlankSeat" data-price="0">Blank</li> 
 
    <li class="pink" id="pink" data-price="100" title="Row10" name="pink" value="10">Pink</li> 
 
    <li class="orange" id="orange" data-price="200" title="Row20" name="orange" value="20">Orange</li> 
 
</ul> 
 
<div id="demoPrice"></div>

+0

當第一次點擊李和價格添加演示價格(總)。然後我輸入優惠券代碼,那麼它不是減去舊的總減去新的點擊價格onlybut但它也應該減去舊的總數..thats問題先生 – krish

+0

請嘗試我更新的答案和片段。 –

+0

一旦優惠券代碼輸入價格應爲減去每次點擊,在第一次片段中點擊粉紅色,增加價格和優惠券代碼後,它減去15總額,但當再次點擊粉紅色,價格再次100它應該是85每次有人點擊在使用優惠券代碼 – krish

0

我假設你正在使用價格作爲一個全局變量。然後點擊li您應該更新該變量。所以,你可以通過其他地方的點擊來設置價格(我認爲這是你想要實現的)。

var total = 0, price, counter = 0; 
$('li').click(function(e) { 
    price = parseFloat($(this).attr('data-price')); 
    // Do your other stuffs if you want 
}); 

然後在其他地方,你可以得到這個價格後li點擊設置。

total = price * counter; 
document.getElementById('demoPrice').innerHTML = '$' + total; 

整個事情是根據你的需要寫的。糾正我,如果我認爲是錯誤的或某處誤解

相關問題