html 文本框数量加减,收藏!js实现input加减
好的程序員是會(huì)復(fù)制粘貼的,這樣說好像會(huì)被唾棄的。。。。。
html
減號(hào)按鈕點(diǎn)擊事件
function subtraction(){
//獲取-號(hào)按鈕
var subtraction = document.getElementById("subtraction");
//獲取文本框
var number = document.getElementById("number");
if (number.value<=1) {
//如果文本框的值小于1,則設(shè)置值為1
number.value = 1;
}else {
number.value = number.value - 1;
}
}
文本框離開焦點(diǎn)事件
function number(){
var number = document.getElementById("number");
var value = number.value;
//如果文本值為空,設(shè)置為1
if (value=="") {
number.value = 1;
}
//如果文本值為非純數(shù)字,設(shè)置為1
//isNaN()是否為非法數(shù)字
if (isNaN(value)) {
number.value = 1;
}
//如果文本值小于1,設(shè)置為1
if (parseInt(value)<=1) {
number.value = 1;
}
}
-加號(hào)按鈕點(diǎn)擊事件
function add(){
var add = document.getElementById("add");
var number = document.getElementById("number");
//parseInt() 將數(shù)值型字符串轉(zhuǎn)換為數(shù)值
number.value = parseInt(number.value)+1;
}
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯,堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)總結(jié)
以上是生活随笔為你收集整理的html 文本框数量加减,收藏!js实现input加减的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 北京环球影城要带身份证吗
- 下一篇: html实现拖拽排序,简单的jquery