您的位置:首页 > Web前端 > JavaScript

JS实现文本值加减操作

2016-01-07 15:16 162 查看
Html部分



<input type="button" value="-" id="subtraction" onclick="subtraction()"></input>
<input type="text" value="1" id="number" onBlur="number()"></input>
<input type="button" value="+" id="add" onclick="add()"></input><br>


JS判断

1:减号按钮点击事件

function subtraction(){
//获取-号按钮
var subtraction = document.getElementById("subtraction");
//获取文本框
var number = document.getElementById("number");
if (number.value<=1) {
//如果文本框的值小于1,则设置值为1
number.value = 1;
}else {
number.value = number.value - 1;
}
}


2:文本框离开焦点事件

function number(){
var number = document.getElementById("number");
var value = number.value;
//如果文本值为空,设置为1
if (value=="") {
number.value = 1;
}
//如果文本值为非纯数字,设置为1
//isNaN()是否为非法数字
if (isNaN(value)) {
number.value = 1;
}
//如果文本值小于1,设置为1
if (parseInt(value)<=1) {
number.value = 1;
}
}


3:加号按钮点击事件

function add(){
var add = document.getElementById("add");
var number = document.getElementById("number");
//parseInt() 将数值型字符串转换为数值
number.value = parseInt(number.value)+1;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: