`
wlhbye
  • 浏览: 27436 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

jQuery 对输入框值进行计算

jQueryHTML 
阅读更多 
<!DOCTYPE html> 
<html> 
<head> 
  <style> 
  p { color:blue; margin:8px; } 
  </style> 
  <script src="http://code.jquery.com/jquery-latest.js"></script> 
</head> 
<body> 
  <input type="text" id="s1" value=""/> * <input type="text" id="s2" value=""/> =  <input type="text" id="s3" value=""/>  
	<script> 
		var value1=0;
		var value2=0;
		$("#s1").keyup(function(){
			value1 = $(this).val(); 
			$("#s3").val(value2*value1); 
		});

		$("#s2").keyup(function(){
			value2 = $(this).val(); 
			$("#s3").val(value2*value1); 
		});
	</script> 
 
</body> 
</html>

 

分享到：
| java 四舍六入五成双
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery实现动态添加、删除按钮及input输入框的方法

    在添加输入框的同时，也会相应地增加FieldCount和x的值，以记录和追踪已添加输入框的数量。 删除输入框的实现利用了事件委托。在$(document).ready()方法中，使用了 $("body").on("click", ".removeclass", ...

    jQuery实时计算输入框字数代码.zip

    【jQuery实时计算输入框字数代码】是一种常见的前端交互功能，它允许用户在输入文本时实时查看当前已输入的字符数，通常用于限制输入的最大字符数，如评论、留言或表单填写等场景。这个压缩包包含了一个实现该功能的...

    jquery输入框时间选择插件

    本篇文章将深入探讨“jquery输入框时间选择插件”，这是基于jQuery开发的一款工具，用于帮助用户在网页上的输入框中方便地选择时间。 首先，让我们了解时间选择插件的基本功能。这类插件通常会为HTML输入元素（通常...

    jquery输入框检索

    jQuery还提供了丰富的API，如`.val()`用于获取或设置元素的值，`.keyup()`监听键盘抬起事件，`.append()`向元素添加内容等。 二、输入框事件绑定 动态检索的关键在于监听用户在输入框中的输入行为。我们可以使用`....

    jQuery实现输入框的放大和缩小功能示例

    整个示例演示了一个简单的交互式功能，通过jQuery技术实现对页面元素——输入框——进行基于用户操作的动态属性调整。通过这种动态属性调整，可以实现对页面元素大小的控制，进而提高页面的交互性和用户体验。对于...

    jquery 数值计算的程序示例

    本示例中，我们将深入探讨如何使用jQuery进行数值计算，创建一个基本的计算器功能。 首先，jQuery的核心是选择器，它们允许我们高效地找到DOM中的元素。在这个计算器程序中，可能使用了`$("#elementId")`来选取特定...

    jquery实现微博文字输入框 输入时显示输入字数 效果实现

    在showNum函数中，主要进行了以下操作：获取当前操作的textarea元素，获取其位置偏移量，计算出弹出框的显示位置，获取当前输入框的值长度，更新显示字数的标签内容，并根据计算出的位置显示字数div。具体来说，就是...

    jQuery实时统计输入框字数及限制

    在网页开发中，有时我们需要对用户的输入进行控制，例如限制用户在输入框中输入的字符数，以确保数据的有效性和一致性。jQuery 是一个流行的 JavaScript 库，它提供了一种简单的方式来处理这种需求。本篇文章将详细...

    jquery输入框增加列表即将内容动态添加到顶部.zip

    本项目"jquery输入框增加列表即将内容动态添加到顶部.zip"显然关注的是如何利用jQuery来实现一个特定的功能：当用户在输入框中输入内容时，与输入内容匹配的列表项会自动显示，并且新添加的内容会动态地移动到列表的...

    基于jquery的轻量级jquery数字加减输入框 支持ie8

    1.本插件基于jquery基础封装的轻量级插件，使用时只需导入num-alignment.js即可； 2.插件设置默认值：{"step" : 0.1, "min" : 0, "max" : 99, "digit" : 1}； 3.可以自定义设置类型 ——》 通过设置 num-alignment....

    基于jquery数字加减输入框

    1.本插件基于jquery基础封装的轻量级插件，使用时只需导入num-alignment.js即可； 2.插件设置默认值：{"step" : 0.1, "min" : 0, "max" : 99, "digit" : 1}； 3.可以自定义设置类型 ——》 通过设置 num-...

    jQuery商品数量加减并计算总价代码

    本文将详细介绍如何使用jQuery实现商品数量加减并计算总价的代码。 首先，我们需要一个HTML结构来展示商品信息和数量控制按钮。在`index.html`文件中，这可能包括以下元素： ```html 商品名称 ...

    通过输入框实时查询列表值

    "通过输入框实时查询列表值"是一个常见的功能，常用于搜索建议、自动补全或者筛选列表等场景。这个功能通常涉及JavaScript库，如jQuery，以及相关的事件监听，如keyup事件。 首先，jQuery是一个轻量级的JavaScript...

    jQuery购物车自动计算金额表单多数据加减商城购物结算

    2. **表单处理**：在jQuery中，我们可以方便地获取和设置表单元素的值，例如，`$('input[type="number"]').val()`用于获取或设置输入框的值。为了确保用户输入的数量有效，可以使用`$.each()`遍历所有商品，验证输入...

    jquery 数值计算的程序示例.rar

    在“jquery 数值计算的程序示例”中，可能还包括对计算结果的格式化，例如保留小数点后几位，或者用千位分隔符显示大数字。这需要用到JavaScript的`toFixed()`方法和自定义的字符串格式化函数。 总的来说，这个示例...

    jQuery计算文本框可输入字数代码.zip

    在网页设计中，有时我们需要对用户输入的字符数进行限制并实时显示剩余可输入的字数，以确保数据格式的规范或防止过大的输入导致页面加载问题。`jQuery`是一个非常流行的JavaScript库，它提供了丰富的功能来简化DOM...

    基于jquery的轻量级jquery数字加减输入框

    1.本插件基于jquery基础封装的轻量级插件，使用时只需导入num-alignment.js即可； 2.插件设置默认值：{"step" : 0.1, "min" : 0, "max" : 99, "digit" : 1}； 3.可以自定义设置类型 ——》 通过设置 num-alignment....

    jQuery Dragval仿阿里云服务器价格计算效果

    Val()函数则用于获取或设置表单元素的值，例如输入框(input)或选择器(select)。在价格计算中，这些值会被用来计算总价格。每次用户调整参数时，对应的值会被读取，然后通过一定的计算逻辑得出新的总价，这个过程可能...

    jQuery dPassword MD5加密

    1. 字符串预处理：在密码字符串前添加特定字符，如“腌黄瓜”（常使用ASCII值计算），目的是防止特定攻击，如彩虹表攻击。 2. 分块处理：MD5算法处理的是512位的数据块，如果输入字符串不足512位，会在末尾填充0直到...

    jQuery实现带密码强度检测的输入框设计效果.zip

    `checkPasswordStrength`函数将对输入的密码进行分析，返回一个代表强度的数值或字符串。`updateStrengthIndicator`函数接收这个返回值并相应地更新UI。例如，可以设置不同的CSS类来改变指示器的颜色。 此外，`使用...

Magicbox
Global site tag (gtag.js) - Google Analytics