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 相关文章推荐
js onpropertychange输入框 事件获取属性
Mar 26 Javascript
防止文件缓存的js代码
Jan 10 Javascript
JS控制静态页面之间传递参数获取参数并应用的简单实例
Aug 10 Javascript
JavaScript实现滑动导航栏效果
Aug 30 Javascript
vue + element-ui的分页问题实现
Dec 17 Javascript
jQuery层叠选择器用法实例分析
Jun 28 jQuery
vue实现页面内容禁止选中功能,仅输入框和文本域可选
Nov 09 Javascript
JS获取当前时间的年月日时分秒及时间的格式化的方法
Dec 18 Javascript
详解webpack-dev-middleware 源码解读
Mar 23 Javascript
vue 动态创建组件的两种方法
Dec 31 Vue.js
vue实现桌面向网页拖动文件的示例代码(可显示图片/音频/视频)
Mar 01 Vue.js
AJAX检测用户名是否存在的方法
Mar 24 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中__autoload和Smarty冲突的简单解决方法
2016/04/08 PHP
PHP实现活动人选抽奖功能
2017/04/19 PHP
JS运行耗时操作的延时显示方法
2010/11/19 Javascript
Jquery截取中文字符串的实现代码
2010/12/22 Javascript
json对象转字符串如何实现
2012/12/02 Javascript
js中页面的重新加载(当前页面/上级页面)及frame或iframe元素引用介绍
2013/01/24 Javascript
基于jquery插件制作左右按钮与标题文字图片切换效果
2013/11/07 Javascript
Ajax中解析Json的两种方法对比分析
2015/06/25 Javascript
jQuery插件实现文字无缝向上滚动效果代码
2016/02/25 Javascript
plupload+artdialog实现多平台上传文件
2016/07/19 Javascript
Angular2自定义分页组件
2017/04/19 Javascript
vue+vux实现移动端文件上传样式
2017/07/28 Javascript
JavaScript实现轮播图特效
2020/04/10 Javascript
Vue自动构建发布脚本的方法示例
2020/07/24 Javascript
vue二选一tab栏切换新做法实现
2021/01/19 Vue.js
[01:55]TI9显影之尘系列 - Evil Geniuses
2019/08/22 DOTA
python批量制作雷达图的实现方法
2016/07/26 Python
对numpy中布尔型数组的处理方法详解
2018/04/17 Python
对python的bytes类型数据split分割切片方法
2018/12/04 Python
Python基于Opencv来快速实现人脸识别过程详解(完整版)
2019/07/11 Python
python函数不定长参数使用方法解析
2019/12/14 Python
利用python实现凯撒密码加解密功能
2020/03/31 Python
利用CSS3实现动态的二级三级菜单效果实例源码
2017/01/04 HTML / CSS
Css3新特性应用之视觉效果实例
2016/12/12 HTML / CSS
美国隐形眼镜网上商店:Lens.com
2019/09/03 全球购物
印尼第一大家居、生活和家具电子商务:Ruparupa
2019/11/25 全球购物
函授毕业自我鉴定
2013/12/19 职场文书
中学家长会邀请函
2014/02/03 职场文书
手机被没收检讨书
2014/02/22 职场文书
行政人事专员岗位职责
2014/03/05 职场文书
师德师风的心得体会
2014/09/02 职场文书
小学竞选班长演讲稿
2014/09/09 职场文书
奶茶店的创业计划书该怎么写?
2019/07/15 职场文书
python 开心网和豆瓣日记爬取的小爬虫
2021/05/29 Python
go使用Gin框架利用阿里云实现短信验证码功能
2021/08/04 Golang
利用Java连接Hadoop进行编程
2022/06/28 Java/Android