`

js获取表单提交的数据并修改其他表单笔记

 
阅读更多

首先在提交按钮上面加入一个点击事件

 

onclick="fun();

 然后在

<script type="text/javascript">
function fun(){
	var jine=parseInt(document.getElementById("ckje").value);
	var lixi=jine*3.25/100;
	var benxi=lixi+jine;
	document.getElementById("lixi").value=lixi;
	document.getElementById("benxi").value=benxi;
}
</script>

 注意需要用paseInt来将获取的数据转换为int型,并且getElementById("ckje")后面要加入.value

 

分享到:
评论

相关推荐

    SSH笔记-数据验证、上传下载、避免表单重复提交、自定义拦截器

    在这个SSH笔记中,我们将深入探讨四个核心主题:数据验证、文件上传下载、防止表单重复提交以及自定义拦截器。 首先,我们来谈谈数据验证。在Web应用中,数据验证是必不可少的一环,它确保用户输入的数据符合业务...

    AngularJS 学习笔记(表单验证篇)

    表单中的每个输入元素可以通过`ng-model`指令与应用的模型数据绑定,这样就可以实时更新和获取用户输入。 2. **表单状态**: AngularJS自动管理表单的 `$pristine` 和 `$dirty` 状态。当用户首次加载页面时,表单...

    JavaScript表单与数据完整性

    JavaScript学习笔记——表单与数据完整性

    JS用户反馈表单提交代码.zip

    【标题】"JS用户反馈表单提交代码.zip" 涉及的知识点主要集中在JavaScript、jQuery和CSS特效上,这些都是构建交互式网页的关键技术。在实际应用中,开发者经常使用这些技术来创建用户友好的反馈表单,提高用户体验。...

    js+css3用户反馈表单提交特效.zip

    【标题】"js+css3用户反馈表单提交特效.zip"所包含的知识点主要集中在JavaScript(js)和CSS3的应用上,特别是在用户交互和表单处理方面。此压缩包提供了一个实现用户反馈表单提交时具有视觉特效的实例,这在网页...

    JQuery笔记(表单验证).

    在Web开发中,表单验证是必不可少的一环,确保用户输入的数据符合预期格式和规则。`jQuery Validate` 插件就是用于此类任务的一个强大工具,它允许开发者轻松地添加各种验证规则到HTML表单中。 首先,让我们深入...

    李立超JavaScript基础篇笔记

    JavaScript,简称JS,是由Brendan Eich在1995年创造的一种高级编程语言,最初目的是为了增强网页的交互性,特别是在前端进行表单验证。JavaScript不是Java的子集,两者之间没有直接关联。JS起初名为LiveScript,但在...

    jQuery常用插件之表单插件form使用笔记

    url: "submit.php", // 提交数据的URL type: "POST", // 提交方式,默认为"POST" dataType: "json", // 预期的服务器返回数据类型 beforeSubmit: function(arr, $form, options) { // 在提交前执行的回调函数,...

    Flask框架学习笔记之表单基础介绍与表单提交方式

    在Flask框架中,表单是构建Web应用程序的重要组成部分,它们允许用户输入数据并将其发送到服务器进行处理。本篇文章将深入探讨Flask中的表单基础和两种主要的提交方式——GET和POST。 首先,让我们了解表单的基本...

    jQuery三步骤表单内容提交特效.zip

    对于表单,jQuery提供了`$(selector).submit()`方法用于监听表单提交事件,`$(selector).serialize()`用于序列化表单数据,以及`$.ajax()`用于异步提交数据。这些基础功能为创建动态表单奠定了基础。 二、三步骤...

    JavaScript学习笔记,javascript基础知识,基础语法整理.pdf

    * 表单可以使用JavaScript来实现数据的提交 该资源涵盖了JavaScript的基础知识点,包括基本概念、函数、对象、时间对象、文字对象、图片应用和表单应用等内容。这些建议知识点可以帮助开发者快速掌握JavaScript的...

    javaScript学习笔记总结.docx

    2. 表单验证:在用户提交表单前,JavaScript可以检查数据的有效性和格式,提供即时反馈。 JavaScript的书写位置有三种: 1. 内嵌式:直接将JavaScript代码写在HTML文件中。 2. 外链式:将JavaScript代码放在独立的....

    JQuery笔记(表单验证)

    JQuery中的表单验证是前端开发中一个重要的环节,主要用于确保用户在提交表单时输入的数据符合预设的规则和格式。`jQuery Validate` 插件是实现这一功能的有力工具,它提供了一套便捷、可扩展的验证机制。下面将详细...

    struts2笔记之校验表单信息

    本篇笔记将详细讲解Struts2中服务器端与客户端对表单数据的校验方式。 首先,Struts2提供了一系列内置的校验器,包括: 1. Irequired:检查字段是否为空,是必填项。 2. IIrequiredstring:验证字段是否为非空字符...

    JS常用函数(笔记)

    JavaScript,简称JS,是一种广泛用于Web开发的轻量级脚本语言。在网页交互和动态效果的实现上,JS起着至关重要的作用。以下是一些JS常用函数的详细说明: 1. **事件处理**: - `click()`: 该方法用于模拟用户对...

    传智播客JS笔记

    通过"传智播客JS笔记",初学者将能够系统地学习这些JavaScript基础知识,并逐步建立起自己的编程思维和解决问题的能力。笔记中的代码实例和通俗解释将使学习过程更为直观和有趣。在深入学习的过程中,不断实践和项目...

    Javascript笔记

    这篇笔记将探讨JavaScript的核心概念以及与表单验证相关的知识点。 1. JavaScript基础: - 变量:JavaScript中的变量不需要预先声明,可以直接赋值。如`var num = 123;` - 数据类型:包括基本类型(如String, ...

    jQuery金融借款单提交表单.rar

    9. 二次修改:该代码资源提供了二次修改的可能性,意味着开发者可以根据自己的需求进行定制,例如添加额外的验证规则、改变表单布局、调整颜色方案,或者整合其他API服务。 综上所述,"jQuery金融借款单提交表单"是...

    JavaScript防止表单重复提交代码,指定时间内禁止重复点击.zip

    本示例主要探讨如何在JavaScript中实现防止表单重复提交的功能,并结合一个简单的登录页面实例来说明。 首先,我们需要理解基本的表单提交机制。当用户点击HTML表单中的提交按钮时,浏览器会发起一个HTTP请求,将...

    jQuery创意输入框表单提交特效.zip

    《jQuery创意输入框表单提交特效详解》 在网页设计中,用户交互体验的重要性不言而喻,其中表单提交是关键环节之一。一个优秀的表单提交特效不仅可以提升用户体验,还能增加网站的专业感和吸引力。"jQuery创意...

Global site tag (gtag.js) - Google Analytics