JS实现文本值加减操作
2016-01-07 15:16
162 查看
Html部分
![](http://img.blog.csdn.net/20160107151405011)
JS判断
1:减号按钮点击事件
2:文本框离开焦点事件
3:加号按钮点击事件
<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; }
相关文章推荐
- js prototype属性,类似.net扩展方法
- 【JavaScript】兼容多浏览器的本地存储
- DOM扩展:DOM API的进一步增强[总结篇-上]
- js获取追加行的行数和<td>里面的值
- [require-js]向下滑动ajax加载的javascript实现
- JavaScript获取图片的原始尺寸
- 引入js浮动框
- action与ajax互传值
- 基于JavaScript代码实现兼容各浏览器的设为首页和加入收藏
- js 64进制转换方法 & URL参数压缩
- JS判断是否进行删除操作
- Js中获取节点对象
- [html][javascript] 正则匹配示例
- json
- 学习Javascript闭包(Closure)
- extjs-store数据加载
- js计时器
- js把星期由数字转换为星期名称
- 网易前端JavaScript编码规范【转】
- [转]JavaScript RegExp 对象参考手册