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 相关文章推荐
IE与Firefox在JavaScript上的7个不同写法小结
Sep 14 Javascript
Javascript实现滚动图片新闻的实例代码
Nov 27 Javascript
jQuery将多条数据插入模态框的示例代码
Sep 25 Javascript
jQuery 实现自动填充邮箱功能(带下拉提示)
Oct 14 Javascript
jQuery实现带滚动线条导航效果的方法
Jan 30 Javascript
jQuery+Ajax+PHP+Mysql实现分页显示数据实例讲解
Sep 27 Javascript
JQ选择器_选择同类元素的第N个子元素的实现方法
Sep 08 Javascript
js实现的xml对象转json功能示例
Dec 24 Javascript
利用Vue.js实现checkbox的全选反选效果
Jan 18 Javascript
AngularJs点击状态值改变背景色的实例
Dec 18 Javascript
js取0-9随机取4个数不重复的数字代码实例
Mar 27 Javascript
scrapyd schedule.json setting 传入多个值问题
Aug 07 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 已经成熟
2006/12/04 PHP
php在服务器执行exec命令失败的解决方法
2012/03/03 PHP
PHP网页游戏学习之Xnova(ogame)源码解读(二)
2014/06/23 PHP
php设置页面超时时间解决方法
2015/09/22 PHP
php获取远程图片并下载保存到本地的方法分析
2016/10/08 PHP
php+Ajax无刷新验证用户名操作实例详解
2019/03/04 PHP
php实现JWT验证的实例教程
2020/11/26 PHP
JQuery+CSS提示框实现思路及代码(纯手工打造)
2013/05/07 Javascript
jquery ajax 调用失败的原因示例介绍
2013/09/27 Javascript
使用Angular和Nodejs、socket.io搭建聊天室及多人聊天室
2015/08/21 NodeJs
SWFUpload多文件上传及文件个数限制的方法
2016/05/31 Javascript
微信小程序 网络API发起请求详解
2016/11/09 Javascript
JavaScript实现瀑布流以及加载效果
2017/02/11 Javascript
10道典型的JavaScript面试题
2017/03/22 Javascript
详解Vue爬坑之vuex初识
2017/06/14 Javascript
React Native使用百度Echarts显示图表的示例代码
2017/11/07 Javascript
详解Vue改变数组中对象的属性不重新渲染View的解决方案
2018/09/21 Javascript
Vue infinite update loop的问题解决
2019/04/23 Javascript
微信小程序上传图片到php服务器的方法
2019/05/23 Javascript
vue 取出v-for循环中的index值实例
2019/11/09 Javascript
浅谈如何优雅处理JavaScript异步错误
2019/11/12 Javascript
flask中使用SQLAlchemy进行辅助开发的代码
2013/02/10 Python
python自动化测试之从命令行运行测试用例with verbosity
2014/09/28 Python
在Python的setuptools框架下生成egg的教程
2015/04/13 Python
python rsa 加密解密
2017/03/20 Python
Python轻量级ORM框架Peewee访问sqlite数据库的方法详解
2017/07/20 Python
Python实现一个Git日志统计分析的小工具
2017/12/14 Python
OpenCV python sklearn随机超参数搜索的实现
2020/01/17 Python
python3操作注册表的方法(Url protocol)
2020/02/05 Python
python中对二维列表中一维列表的调用方法
2020/06/07 Python
HTML5手指下滑弹出负一屏阻止移动端浏览器内置下拉刷新功能的实现代码
2020/04/10 HTML / CSS
远东集团网络工程师面试题
2014/10/20 面试题
环境科学专业个人求职信
2013/12/15 职场文书
巧克力蛋糕店创业计划书
2014/01/14 职场文书
运动会开幕式主持词
2014/03/28 职场文书
2016年员工政治思想表现评语
2015/12/02 职场文书