jQuery对html元素取值与赋值的方法


Posted in Javascript onNovember 20, 2013

Jquery给基本控件的取值、赋值 TEXTBOX: var str = $('#txt').val(); $('#txt').val("Set Lbl Value"); //文本框,文本区域: $("#text_id").attr("value",'');//清空内容 $("#text_id").attr("value",'test');// 填充内容

TEXTBOX:

var str = $('#txt').val();
$('#txt').val("Set Lbl Value"); 
//文本框,文本区域:
$("#text_id").attr("value",'');//清空内容
$("#text_id").attr("value",'test');// 填充内容

LABLE:

var str = $('#lbl').text();
$('#lbl').text("Set Lbl Value");
   var valradio = $("input[@type=radio][@checked]").val();
   var item = $('input[@name=items][@checked]').val();
var checkboxval = $("#checkbox_id").attr("value");
   var selectval = $('#select_id').val();
//多选框checkbox:
$("#chk_id").attr("checked",'');//使其未勾选
$("#chk_id").attr("checked",true);// 勾选
if($("#chk_id").attr('checked')==true) //判断是否已经选中

单选组radio:
$("input[@type=radio]").attr("checked",'2'); //设置value=2的项目为当前选中项//下拉框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();//清空下拉框
获取一组名为 (items)的radio被选中项的值
var item = $('input[@name=items][@checked]').val();//若未被选中 则val() = undefined
获 取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;
//重置表单
$("form").each(function(){
   .reset();
});
Javascript 相关文章推荐
Jvascript学习实践案例(开发常用)
Jun 25 Javascript
JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码
Jan 23 Javascript
javascript随机将第一个dom中的图片添加到第二个div中示例
Oct 08 Javascript
IE6/IE7中JavaScript json提示缺少标识符、字符串或数字问题处理
Dec 16 Javascript
JQuery中使文本框获得焦点的方法实例分析
Feb 28 Javascript
整理关于Bootstrap导航的慕课笔记
Mar 29 Javascript
在vue-cli搭建的项目中增加后台mock接口的方法
Apr 26 Javascript
解决layui前端框架 form表单,table表等内置控件不显示的问题
Aug 19 Javascript
vue使用代理解决请求跨域问题详解
Jul 24 Javascript
Node绑定全局TraceID的实现方法
Nov 14 Javascript
node.js 如何监视文件变化
Sep 01 Javascript
关于vue-cli3打包代码后白屏的解决方案
Sep 02 Javascript
客户端js判断文件类型和文件大小即限制上传大小
Nov 20 #Javascript
JS保留两位小数 四舍五入函数的小例子
Nov 20 #Javascript
使用js简单实现了tree树菜单
Nov 20 #Javascript
js 用CreateElement动态创建标签示例
Nov 20 #Javascript
JS实现字体选色板实例代码
Nov 20 #Javascript
jquery实现树形二级菜单实例代码
Nov 20 #Javascript
javascript右下角弹层及自动隐藏(自己编写)
Nov 20 #Javascript
You might like
php使用websocket示例详解
2014/03/12 PHP
php获取url参数方法总结
2014/11/13 PHP
PHP+ajax实现上传、删除、修改单张图片及后台处理逻辑操作详解
2020/02/12 PHP
4种Windows系统下Laravel框架的开发环境安装及部署方法详解
2020/04/06 PHP
(推荐一个超好的JS函数库)S.Sams Lifexperience ScriptClassLib
2007/04/29 Javascript
JS网络游戏-(模拟城市webgame)提供的一些例子下载
2007/10/14 Javascript
Ajax 数据请求的简单分析
2011/04/05 Javascript
Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码
2011/10/12 Javascript
jquery实现商品拖动选择效果代码(自写)
2013/05/28 Javascript
javascript中打印当前的时间实现思路及代码
2013/12/18 Javascript
JavaScript设计模式之建造者模式介绍
2014/12/28 Javascript
JQuery控制div外点击隐藏而div内点击不会隐藏的方法
2015/01/13 Javascript
js带点自动图片轮播幻灯片特效代码分享
2015/09/07 Javascript
javascript获取系统当前时间的方法
2015/11/19 Javascript
JS中改变this指向的方法(call和apply、bind)
2016/03/26 Javascript
jquery 属性选择器(匹配具有指定属性的元素)
2016/09/06 Javascript
Jquery和Js获得元素标签名称的方法总结
2016/10/08 Javascript
bootstrap使用validate实现简单校验功能
2016/12/02 Javascript
利用node.js写一个爬取知乎妹纸图的小爬虫
2017/05/03 Javascript
提升页面加载速度的插件InstantClick
2017/09/12 Javascript
Vue微信项目按需授权登录策略实践思路详解
2018/05/07 Javascript
Element DateTimePicker日期时间选择器的使用示例
2020/07/27 Javascript
初学python数组的处理代码
2011/01/04 Python
python中Flask框架简单入门实例
2015/03/21 Python
使用Python标准库中的wave模块绘制乐谱的简单教程
2015/03/30 Python
python实现向ppt文件里插入新幻灯片页面的方法
2015/04/28 Python
Python爬取附近餐馆信息代码示例
2017/12/09 Python
Python logging日志模块 配置文件方式
2020/07/12 Python
python中time包实例详解
2021/02/02 Python
Android面试宝典
2013/08/06 面试题
工作求职信
2014/07/04 职场文书
质量整改通知单
2015/04/21 职场文书
2015年企业团支部工作总结
2015/05/21 职场文书
结婚典礼致辞
2015/07/28 职场文书
2016孝老爱亲模范事迹材料
2016/02/26 职场文书
Python学习之os包使用教程详解
2022/03/21 Python