Jquery给基本控件的取值、赋值示例


Posted in Javascript onMay 23, 2014

TEXTBOX:

var str =$("#txt").val();

$("#txt").val(Value);

//文本框,文本区域:

$("#text_id").attr("value",'');//清空内容

$("#text_id").attr("value",'test');//填充内容

LABLE:

var str =$("#lbl").text();

$("#lbl").text(Value);

/*获取单选按钮的值*/

var valradio =$("input[@type=radio][@checked]").val();

/*获取一组名为(items)的radio被选中项的值*/

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的项目为当前选中项

$("testtest2").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();

});

以下是设置img的路径

$("#img1").attr("src","Imges/test.jpg");

Javascript 相关文章推荐
HTML中的setCapture和releaseCapture使用介绍
Mar 21 Javascript
JS Replace 全部替换字符的用法小结
Dec 24 Javascript
jQuery实现返回顶部功能适合不支持js的浏览器
Aug 19 Javascript
js生成的验证码的实现与技术分析
Sep 17 Javascript
js防止DIV布局滚动时闪动的解决方法
Oct 30 Javascript
js实现点击左右按钮轮播图片效果实例
Jan 29 Javascript
jquery动感漂浮导航菜单代码分享
Apr 15 Javascript
js实现分割上传大文件
Mar 09 Javascript
JS跨域解决方案之使用CORS实现跨域
Apr 14 Javascript
Vue.js双向绑定实现原理详解
Dec 22 Javascript
jQuery日期范围选择器附源码下载
May 23 jQuery
JS库之Particles.js中文开发手册及参数详解
Sep 13 Javascript
js动态修改整个页面样式达到换肤效果
May 23 #Javascript
js统计录入文本框中字符的个数并加以限制不超过多少
May 23 #Javascript
javascript为下拉列表动态添加数据项
May 23 #Javascript
js检测网络是否具体连接功能的代码
May 23 #Javascript
JS实现距离上次刷新已过多少秒示例
May 23 #Javascript
jquery动态添加元素事件失效问题解决方法
May 23 #Javascript
JQuery弹出炫丽对话框的同时让背景变灰色
May 22 #Javascript
You might like
使用PHP计算两个路径的相对路径
2013/06/14 PHP
PHP仿博客园 个人博客(2) 数据库增添改删
2013/07/05 PHP
qq登录,新浪微博登录接口申请过程中遇到的问题
2014/07/22 PHP
PHP直接修改表内容DataGrid功能实现代码
2015/09/24 PHP
javascript 获取图片颜色
2009/04/05 Javascript
javascript 打印内容方法小结
2009/11/04 Javascript
ASP.NET jQuery 实例9  通过控件hyperlink实现返回顶部效果
2012/02/03 Javascript
Js从头学起(基本数据类型和引用类型的参数传递详细分析)
2012/02/16 Javascript
Javascript Boolean、Nnumber、String 强制类型转换的区别详细介绍
2012/12/13 Javascript
jQuery控制的不同方向的滑动(向左、向右滑动等)
2014/07/18 Javascript
jQuery实现点击图片翻页展示效果的方法
2015/02/16 Javascript
基于jQuery和CSS3制作响应式水平时间轴附源码下载
2015/12/20 Javascript
Bootstrap模仿起筷首页效果
2016/05/09 Javascript
AngularJS 面试题集锦
2016/09/06 Javascript
jQuery ready()和onload的加载耗时分析
2016/09/08 Javascript
svg动画之动态描边效果
2017/02/22 Javascript
基于jQuery实现的单行公告活动轮播效果
2017/08/23 jQuery
js精确的加减乘除实例
2017/11/14 Javascript
layer实现关闭弹出层刷新父界面功能详解
2017/11/15 Javascript
在 Angular6 中使用 HTTP 请求服务端数据的步骤详解
2018/08/06 Javascript
聊聊鉴权那些事(推荐)
2019/08/22 Javascript
Python简单生成随机数的方法示例
2018/03/31 Python
Python学习小技巧总结
2018/06/10 Python
CentOS7下python3.7.0安装教程
2018/07/30 Python
在spyder IPython console中,运行代码加入参数的实例
2020/04/20 Python
python3 使用openpyxl将mysql数据写入xlsx的操作
2020/05/15 Python
什么是python的列表推导式
2020/05/26 Python
用Python制作mini翻译器的实现示例
2020/08/17 Python
ToysRus日本官网:玩具反斗城
2018/09/08 全球购物
销售高级职员求职信
2013/10/29 职场文书
电子商务自荐书范文
2014/01/04 职场文书
医院见习总结
2015/06/24 职场文书
会计做账心得体会
2016/01/22 职场文书
浅谈Python响应式类库RxPy
2021/06/14 Python
python开发制作好看的时钟效果
2022/05/02 Python
云服务器部署 Web 项目的实现步骤
2022/06/28 Servers