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 相关文章推荐
jqGrid jQuery 表格插件测试代码
Aug 23 Javascript
node.js中的fs.fsync方法使用说明
Dec 15 Javascript
jQuery实现渐变下拉菜单的简单方法
Mar 11 Javascript
js+HTML5实现视频截图的方法
Jun 16 Javascript
jQuery简单实现验证邮箱格式
Jul 15 Javascript
jQuery实现悬浮在右上角的网页客服效果代码
Oct 24 Javascript
微信小程序购物商城系统开发系列-工具篇的介绍
Nov 21 Javascript
使用bat打开多个cmd窗口执行gulp、node
Feb 17 Javascript
JS小球抛物线轨迹运动的两种实现方法详解
Dec 20 Javascript
详解Vue中的scoped及穿透方法
Apr 18 Javascript
vue视频播放插件vue-video-player的具体使用方法
Nov 08 Javascript
微信小程序实现滑动翻页效果(完整代码)
Dec 06 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
为什么《星际争霸》是测试人工智能的理想战场
2019/12/03 星际争霸
PHP ? EasyUI DataGrid 资料存的方式介绍
2012/11/07 PHP
ThinkPHP函数详解之M方法和R方法
2015/09/10 PHP
基于ThinkPHP5.0实现图片上传插件
2017/09/25 PHP
php实现将数组或对象写入到文件的方法小结【三种方法】
2020/04/22 PHP
表单元素事件 (Form Element Events)
2009/07/17 Javascript
jquery 延迟执行实例介绍
2013/08/20 Javascript
Javascript实现多彩雪花从天降散落效果的方法
2015/02/02 Javascript
JavaScript中的toUTCString()方法使用详解
2015/06/12 Javascript
JS实现弹出浮动窗口(支持鼠标拖动和关闭)实例详解
2015/08/06 Javascript
json的结构与遍历方法实例分析
2017/04/25 Javascript
Windows安装Node.js报错:2503、2502的解决方法
2017/10/25 Javascript
React为 Vue 引入容器组件和展示组件的教程详解
2018/05/03 Javascript
javascript、php关键字搜索函数的使用方法
2018/05/29 Javascript
深入浅析Vue.js 中的 v-for 列表渲染指令
2018/11/19 Javascript
JavaScript数据结构与算法之检索算法示例【二分查找法、计算重复次数】
2019/02/22 Javascript
关于vue项目中搜索节流的实现代码
2019/09/17 Javascript
原生javascript中this几种常见用法总结
2020/02/24 Javascript
web.py获取上传文件名的正确方法
2014/08/26 Python
Python从MP3文件获取id3的方法
2015/06/15 Python
如何处理Python3.4 使用pymssql 乱码问题
2016/01/08 Python
高效使用Python字典的清单
2018/04/04 Python
python爬取淘宝商品销量信息
2018/11/16 Python
python实现最小二乘法线性拟合
2019/07/19 Python
pytorch实现CNN卷积神经网络
2020/02/19 Python
django-利用session机制实现唯一登录的例子
2020/03/16 Python
4行Python代码生成图像验证码(2种)
2020/04/07 Python
检测浏览器对HTML5和CSS3支持度的方法
2015/06/25 HTML / CSS
奥地利汽车配件店:Pkwteile.at
2017/03/10 全球购物
吉尔德利巧克力公司:Ghirardelli Chocolate Company
2019/03/27 全球购物
小班幼儿评语大全
2014/04/30 职场文书
大学生就业自荐书
2014/06/16 职场文书
办公室领导干部作风整顿个人整改措施
2014/09/17 职场文书
团队合作精神学习心得体会
2016/01/19 职场文书
《有余数的除法》教学反思
2016/02/22 职场文书
MySQL时间盲注的五种延时方法实现
2021/05/18 MySQL