jquery 操作表单:
-
//文本框,文本区域:
-
$("#text_id").attr("value",'');//清空内容
-
$("#text_id").attr("value",'test');//填充内容
- //多选框checkbox:
-
$("#chk_id").attr("checked",'');//未选中的值
-
$("#chk_id").attr("checked",true);//选中的值
-
if($("#chk_id").attr('checked')==undefined) //判断是否已经选中
-
//单选组radio:
-
$("input[@type=radio]").attr("checked",'10');//设置value=10的单选按钮为当前选中项
- //下拉框select:
-
$("#select_id").attr("value",'test');//设置value=test的项目为当前选中项
-
$("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id")//添加下拉框的option
-
$("#select_id").empty();//清空下拉框
以上文章粘贴复制,仅为个人查阅方便时使用,呵呵 其实看一下jquery的帮助文档比这个详细明了。建议有时间的情况下还是看文档比较好,jquery的核心是选择器 只要熟悉了选择器操作搞定jquyer 一点问题也没有。
另外对单选框的操作再啰嗦一段代码:
是<input type="radio" name="securityenabled" value="1" checked="checked"/>
否<input type="radio" name="securityenabled" value="0" />
//选中 值为1的项
$(":radio[@name=securityenabled]").each(function(){
if($(this).val()=="1"){
$(this).attr("checked","checked")
}
});
当然我们也可以用纯js来操作单选框
var x=document.getElementsByName("securityenabled");
for(var i=0;i<x.length;i++)
{
if(x[i].value=="1")
{
x[i].checked=true;
break;
}
}
分享到:
相关推荐
JavaScript获取网页表单的action属性是一种常用的操作,通常用于获取表单提交时要发送到的URL地址。...action属性指定了表单提交后...理解并熟练运用这些JavaScript操作表单的技巧,对于进行Web开发的程序员来说至关重要。
在上篇文章给大家介绍了js操作表单实例讲解(下)的相关知识,本文接着给大家介绍Javascript操作表单实例讲解(下),具体详情如下所示: 一、文本域 <input type=text /> —————————– 操作文本域的值...
本文将详细讲解JavaScript操作表单的一些基本概念和实例,包括如何获得表单引用、获得表单元素的引用、表单元素的共同属性和方法。 首先,要操作表单元素,我们首先需要获得表单的引用。在JavaScript中,有多种方式...
JavaScript操作表单是前端开发中的一项重要技能。它可以帮助开发者动态地与用户进行交互,并根据用户的输入进行页面内容的更新或验证。表单元素作为HTML文档的一部分,可以通过JavaScript进行操作,就像操作其他DOM...
综上所述,实现"javascript弹出层表单提交代码"涉及到了JavaScript的基础知识,如DOM操作、事件处理、异步通信,以及一些高级技巧,如使用第三方库提高开发效率。同时,良好的用户体验和数据验证也是不可忽视的部分...
jquery.form.js ,
在"蓝凌系统表单JS大全(持续更新)"这个资源包中,包含了用于增强表单功能的JavaScript代码片段和方法,帮助用户实现更加灵活和个性化的表单设计。 JavaScript(简称JS)是一种广泛应用于客户端Web开发的脚本语言...
但我们可以利用JavaScript来改变这种默认行为,例如,在提交前进行一些验证操作。 ```html ()"> <!-- 表单元素 --> 提交 ``` #### 三、JS表单验证 ##### 1. 字符串长度限制验证 ```javascript function test...
- **jquery.idealforms.min.js**:JavaScript文件,实现了表单的动态行为、键盘操作、验证等功能。需要与CSS文件一起引入到项目中,以实现插件的全部功能。 - **readme.txt**:通常包含插件的安装指南、使用方法和...
JavaScript动态表单是一种在网页上创建、修改或交互操作表单元素的技术,它极大地提升了用户界面的灵活性和用户体验。在Web开发中,JavaScript扮演着关键角色,为表单提供了丰富的功能,如验证输入、动态添加删除...
在JavaScript(简称JS)中,清空表单标签通常是网页交互中常见的操作,尤其是在用户提交数据后重置表单或者在某些动态事件触发时需要清除输入的值。本篇文章将详细探讨如何使用JavaScript来实现这一功能,以及相关...
JavaScript作为客户端脚本语言,可以通过多种策略来防止用户意外或恶意地多次提交表单。以下是一些关键的知识点: 1. **禁用提交按钮**:最简单的预防方法是在用户点击提交按钮后立即将其禁用。这可以通过监听`...
3. **事件处理**:利用JavaScript的事件监听器,可以在用户与表单交互时执行特定操作,如点击按钮时提交表单或显示错误提示。 4. **表单提交**:JavaScript可以实现无刷新提交,通过AJAX技术将表单数据发送到服务器...
总之,"Js封装的弹窗表单-xForm"是一个强大的工具,通过JavaScript实现的弹窗表单功能可以极大地提升开发效率和用户体验。通过深入理解和运用这个插件,开发者能够轻松创建出功能丰富、交互性强的网页表单。
- 表单还包含各种其他元素,如`<select>`(下拉列表)、`<input type="radio">`(单选按钮)、`<input type="checkbox">`(复选框)等,它们都有相应的属性和方法供JavaScript访问和操作。 掌握以上知识点,开发者...
在JavaScript中,提交表单是网页交互中的常见操作,它允许用户输入数据并将其发送到服务器进行处理。这里我们将详细探讨三种主要的表单提交方式:默认的HTML表单提交、JavaScript事件处理以及Ajax异步提交。 1. **...
实验名称为“JavaScript函数式编程”的实验中,主要聚焦于JavaScript在处理表单及表单元素方面的操作。实验目标是让学生熟悉JavaScript的基本语法,包括数据类型、运算符、表达式等,以及掌握JavaScript的内置对象、...
以上就是JS在处理基本表单功能时的一些核心操作。理解并掌握这些技巧对于创建动态、交互性强的网页至关重要。在实际开发中,你可能会遇到更复杂的情况,如表单验证、异步提交等,但这些基础会为你打下坚实的基础。...
根据给定的信息,以下是对泛微Ecology流程表单常用JS脚本知识点的整理: 1. Linux环境下部署手机端应用时,遇到Google浏览器访问乱码问题,可以在启动脚本中添加环境变量NLS_LANG,设置为AMERICAN_AMERICA.ZHS16GBK...