JQuery教程:获取网页表单值的方法

2016-02-20 01:09 11 1 收藏

下面是个超简单的JQuery教程:获取网页表单值的方法教程,图老师小编精心挑选推荐,大家行行好,多给几个赞吧,小编吐血跪求~

【 tulaoshi.com - Web开发 】

获取一组radio被选中项的值
var item = $(’input[@name=items][@checked]‘).val();
获取select被选中项的文本
var item = $(select[@name=items] option[@selected]).text();
select下拉框的第二个元素为当前选中值
$(’#select_id’)[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$(’input[@name=items]‘).get(1).checked = true;

获取值:

文本框,文本区域:$(#txt).attr(value);
多选框checkbox:$(#checkbox_id).attr(value);
单选组radio: $(input[@type=radio][@checked]).val();
下拉框select: $(’#sel’).val();

控制表单元素:
文本框,文本区域:$(#txt).attr(value,);//清空内容
$(#txt).attr(value,’11′);//填充内容

多选框checkbox: $(#chk1″).attr(checked,);//不打勾

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

$(#chk2″).attr(checked,true);//打勾

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160220/1633380.html

延伸阅读
标签: Web开发
网上基于jQuery的表单验证插件已有很多,但是这个轮子我还是继续做一个,因为这个表单验证插件是从我以前的个人JavaScript框架移值过来的(我已慢慢投入jQuery的怀抱),并且它的验证规则书写方式也许会让你眼前一亮。 网上的各类表单验证插件的验证规则都是写在脚本里的,但我的插件的验证规则却是写在表单元素的属性里的。如下面的例子: ...
标签: Web开发
服务器控件代码: asp:TextBox runat="server"/asp:TextBox 1. $("#%=txtUserID.ClientID%").val(); 2. $("input[id*=txtUserID]").val(); 3. $("*[id$=txtUserID]").val();
标签: Web开发
网上的各类表单验证插件的验证规则都是写在脚本里的,但我的插件的验证规则却是写在表单元素的属性里的。如下面的例子: 代码如下: input name="name" type="text" id="name" size="30" jvpattern="^.+$" jverrortip="请输入正确的姓名." jvtipid="spt_name" jvmethod="checkname" / span id="spt_name" class="normaltips" jverrorclass="e...
标签: Web开发
引言 HTML表单一文中介绍了关于表单的创建和样式化的基础内容。本文提供了关于表单元素和样式的更多详细内容,以及在真实的web应用程序设计中表单是如何运用的。 本文中引入的概念 这一部分提供了关于表单实现和界面布局的新信息。 规则和标记超载 大量使用class和id标记是违反KISS(保持简洁)准则的(在CSS盒模型与基础布局一文中已经解释...
标签: Web开发
初中级练习,高手朋友们可以飘过。要求达到如下图所示的效果,各位不妨试一试~   代码如下: !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" lang="zh-CN" hea...

经验教程

144

收藏

20
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部