Jquery之事件绑定(bind)实现加减乘除运算

最新推荐文章于 2022-11-04 14:43:52 发布
最新推荐文章于 2022-11-04 14:43:52 发布
阅读量1.4k 收藏 3
点赞数 1
分类专栏： Jquery 文章标签： html javascript jquery 实例
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/boonyaxnn/article/details/52627300
版权

本实例采用Jquery事件绑定实现加减乘除运算，以表格输入框任意输入一个值进行变换计算。主要通过Jquery的事件绑定来实现。

事件绑定语法：

$(selector).bind('event',function(){   });


如：$(selector).bind('click',function(){  alert("您点击了我哦！人家好害羞的呢^_^"); });


Html与Jquery代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery减法</title>
<script src="../js/jquery-1.7.min.js"></script>
<script type="text/jscript">
$(document).ready(function() {
	
	/**************************tab1***********************/
    
        $("#tab1 tr").each(function(){
           var trs=[];
           var tr=$(this);
           $(tr).find("input").each(function(){
              trs.push($(this));
           });
		   
           $(trs[1]).bind("blur",function(){
                trs[2].val(parseFloat(trs[0].val())-parseFloat(trs[1].val()));
           });
		   
		    $(trs[1]).bind("blur",function(){
                trs[2].val(parseFloat(trs[0].val())-parseFloat(trs[1].val()));
           });
		   
		    $(trs[1]).bind("blur",function(){
                trs[2].val(parseFloat(trs[0].val())-parseFloat(trs[1].val()));
           });
		 $(trs[2]).bind("blur",function(){
                trs[1].val(parseFloat(trs[0].val())-parseFloat(trs[2].val()));
           });
		 $(trs[2]).bind("blur",function(){
                trs[1].val(parseFloat(trs[0].val())-parseFloat(trs[2].val()));
           });
		 $(trs[2]).bind("blur",function(){
                trs[1].val(parseFloat(trs[0].val())-parseFloat(trs[2].val()));
           });
最低0.47元/天 解锁文章
boonyaxnn
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jquery入门教程之实现WEB计算器等的加减乘除
08-12
jquery入门教程之实现WEB计算器等的加减乘除
用jquery计算前两个文本框的结果等于第三个文本框
ych0108的博客
04-23 1145
[code="js"] //本记录是结束里程数-起始里程数=运行里程数 //其它 加减乘除相似。 $(document).ready(function(){ startNumberKmOnBlur(); $("#startNumberKm,#endNumberKm").blur(startNumberKmOnBlur); }); function startNumber...
jQuery加减
weixin_30677475的博客
09-03 386
var num1 = 123; var num2=123; var sum = num1+num2; 结果是246; <input type="text" id="txt1" value="123" /> <input type="text" id="txt2" value="123" /> var num1= $("#txt1").val(); var...
【笔记】jquery加减乘除及科学计算法处理
weixin_33724059的博客
06-19 519
/** * 加法运算，避免数据相加小数点后产生多位数和计算精度损失。 * * @param num1加数1 | num2加数2 */ function numAdd(num1, num2) { var baseNum, baseNum1, baseNum2; try { baseNum1 = num1.toString().split(".")[1].lengt...
jQuery使用bind函数实现绑定多个事件的方法
10-19
本篇文章将深入探讨如何使用jQuery的`bind`函数来实现绑定多个事件。 首先，`bind`函数的基本语法如下： ```javascript $(selector).bind(eventType, function[, data], handler); ``` 这里，`selector`是匹配...
Jquery绑定事件(bind和live的区别介绍)
10-26
在jQuery中，绑定事件是实现动态交互的关键技术。有三种主要的方法：click、bind和live。这篇文章将重点探讨bind和live的区别。 首先，click方法是最基础的事件绑定方式，它与JavaScript中的事件处理方式相似，只是...
多种jQuery绑定事件的实现方式
10-22
本文将深入探讨多种jQuery绑定事件的实现方式，并提供解决事件重复绑定问题的策略。 首先，让我们来看看jQuery如何绑定单个事件。基本语法是使用`.bind()`函数，传入事件类型和处理函数。例如，绑定点击事件（click...
jQuery绑定事件监听bind和移除事件监听unbind用法实例详解
10-22
主要介绍了jQuery绑定事件监听bind和移除事件监听unbind用法,结合实例形式详细分析了绑定事件监听bind和移除事件监听unbind的具体使用技巧与相关注意事项,需要的朋友可以参考下
JQuery之 加減（Part9）
Super Livia
04-15 265
今天來講一個點擊加則加一，點擊-則減一的功能編寫。 效果如下： 說明： 最小為1，最大為10，自己也可以更改的哈。 css .buy .com_symbol { height:20px; color:#FFF; font-weight:500; text-align:center; display:inline-block; padding:0 10px; line...
Jquery快速实现数量加减
zgphacker2010的专栏
08-18 1395
&lt;!-- 快速实现数量加减 --&gt; &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"&gt;&lt;/s
使用二重循环打印9×9乘法表。 提示：使用document.write()输出
lf1949的博客
02-28 732
@[TOC](使用二重循环打印9×9乘法表。 提示：使用document.write()输出) 实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> var str=""; for (var
jQuery中对数字进行加减乘除
weixin_39297798的博客
06-26 2万+
jQuery中如何实现对数字的加减乘除？ 要先把获取的属性值或者元素值转换为整型【parseInt()取整函数】或者浮点型【parseFloat()取浮点数函数】 示例: (function($){      var  price = $('.price').val();     var  num = $('.num').val();     price = p
用jQuery实现一个简单计算器
最新发布
Twistedzs的博客
11-04 1943
用jQuery实现一个简单计算器
C++学习笔记14 bind原理
qq_35290457的博客
12-02 1294
C++学习笔记14 bind的基本原理 bind的思想实际上是一种延迟计算的思想，将可调用对象保存起来，然后在需要的时候再调用。而且这种绑定是非常灵活的，不论是普通函数、函数对象、还是成员函数都可以绑定，而且其参数可以支持占位符，比如你可以这样绑定一个二元函数auto f = bind(&func, _1, _2);，调用的时候通过f(1,2)实现调用。 要实现一个bind需要解决两个问题，第一个是保存可调用对象及其形参，第二个是如何实现调用。下面来分析如何解决这两个问题。 保存可调用对象 实现bi
JQ加减乘除运算
weixin_30462049的博客
08-31 1959
jq下进行加减乘法运算： //加法运算 function add(a, b) { var c, d, e; try { c = a.toString().split(".")[1].length; } catch (f) { c = 0; } try { d = b.toString()...
jQuery的加法运算
热门推荐
dragon4s的专栏
08-03 3万+
jQuery的加法运算. 加法运算 ?想必大家听到这都会不屑了，加法运算这是多么简单的运算。然而有的时候在Jquery也让人挺头疼的。 常规的是： var num1 = 123; var num2=123; var total = num1+num2;
jQuery简单加法计算
何明洋的编程技术博客
07-03 1万+
例子：&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;title&gt;&lt;/title&gt; &lt;meta charset=
利用JavaScript实现加减乘除运算
牛栏山矿泉水
06-27 3372
一、问题：利用JavaScript写一个加减乘除运算，输入两个数，判断下拉列框的运算符号，进行相应的运算 二、首先，我利用JavaScript实现简单加法运算，代码如下： &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tran...
js中两个数的乘法
maozhuxigood
10-27 2429
(Number(isNum)*Number(isDj)).toFixed(2) 乘法用Number(isNum)*Number(isDj)执行就可以，如果不用碰上8或9等数字可能会出问题 toFixed(2)表示精确到2位数
理解jQuery：事件绑定与基础教程
首先，`bind()`方法是jQuery中用于绑定事件的基本方式。它允许你对匹配的元素指定特定的事件处理函数。例如，如果你想在用户点击元素时执行某些操作，你可以使用`bind('click', function() {...})`。在这个函数中，`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值