Increase input box numbers by clicking plus sign - Stack Of Codes

Breaking

Monday, 5 February 2018

Increase input box numbers by clicking plus sign

Increase input box numbers by clicking plus sign::

<script>
$(document).ready(function() {
$(".input a").click(function() {
var inputEl = $(this).parent().parent().children().next().children();
var qty = inputEl.val();
if ($(this).parent().hasClass("plus"))
qty++;
else
qty--;
if (qty < 0)
qty = 0;
inputEl.val(qty);
})
});
</script>
<div class="input-qty-box">
<div class="input">
<ul class="range">
<li class="item minus"><a style=" cursor:pointer">-</a></li>
<li>
<input type="text" maxlength="3" size="2" value="1" class="input-text qty text" id="quantity_wanted" name="qty">
</li>
<li class="item plus"><a style=" cursor:pointer">+</a></li>
</ul>
</div>
</div>

No comments:

Post a Comment

Topics

PHP (27) CodeIgniter (22) SQL (4) Facebook (3) HTML (3) Blogger (2) Constructor (2) Destructor (2) Google (2) Aadhaar (1) Agent (1) Browser (1) CSS (1) Cakephp (1) Constants (1) How to (1) India (1) Ip address (1) JS (1) Jquery (1) Meta Tags (1) Robots (1) Scraping Data (1) escape_str (1) htaccess (1) iS mobile (1) javascript (1) mysqli (1)