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 相关文章推荐
javascript实现颜色渐变的方法
Oct 30 Javascript
js的延迟执行问题分析
Jun 23 Javascript
webapp框架AngularUI的demo改造之路
Dec 21 Javascript
jQuery选择器源码解读(二):select方法
Mar 31 Javascript
jquery利用拖拽方式在图片上添加热链接
Nov 24 Javascript
js中通过getElementsByName访问name集合对象的方法
Oct 31 Javascript
Angular 4依赖注入学习教程之组件服务注入(二)
Jun 04 Javascript
[js高手之路]单例模式实现模态框的示例
Sep 01 Javascript
搭建基于express框架运行环境的方法步骤
Nov 15 Javascript
vue实现自定义H5视频播放器的方法步骤
Jul 01 Javascript
layer ui插件显示tips时,修改字体颜色的实现方法
Sep 11 Javascript
js+canvas实现纸牌游戏
Mar 16 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
深入解析phpCB批量转换的代码示例
2013/06/27 PHP
php json_encode()函数返回json数据实例代码
2014/10/10 PHP
smarty模板引擎从php中获取数据的方法
2015/01/22 PHP
简单实用的反馈表单无刷新提交带验证
2013/11/15 Javascript
js中Image对象以及对其预加载处理示例
2013/11/20 Javascript
在Firefox下js select标签点击无法弹出
2014/03/06 Javascript
IE6-IE9中tbody的innerHTML不能赋值的解决方法
2014/09/26 Javascript
jquery实现简洁文件上传表单样式
2015/11/02 Javascript
jQuery 3.0十大新特性
2016/07/06 Javascript
jQuery实现鼠标跟随效果
2017/02/20 Javascript
JS 设置Cookie 有效期 检测cookie
2017/06/15 Javascript
JS的函数调用栈stack size的计算方法
2018/06/24 Javascript
Vue-cli3.x + axios 跨域方案踩坑指北
2019/07/04 Javascript
vue 的 solt 子组件过滤过程解析
2019/09/07 Javascript
vue输入节流,避免实时请求接口的实例代码
2019/10/30 Javascript
原生js实现拖拽移动与缩放效果
2020/08/24 Javascript
VUE中setTimeout和setInterval自动销毁案例
2020/09/07 Javascript
[00:28]DOTA2北京网鱼队选拔赛
2015/04/08 DOTA
[01:10:02]IG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
py2exe 编译ico图标的代码
2013/03/08 Python
Python实现的简单万年历例子分享
2014/04/25 Python
收集的几个Python小技巧分享
2014/11/22 Python
常见的python正则用法实例讲解
2016/06/21 Python
python如何对实例属性进行类型检查
2018/03/20 Python
python通过伪装头部数据抵抗反爬虫的实例
2018/05/07 Python
python 进程间数据共享multiProcess.Manger实现解析
2019/09/23 Python
使用PyTorch将文件夹下的图片分为训练集和验证集实例
2020/01/08 Python
Python StringIO及BytesIO包使用方法解析
2020/06/15 Python
CSS3 按钮边框动画的实现
2020/11/12 HTML / CSS
HTML5在微信内置浏览器下右上角菜单的调整字体导致页面显示错乱的问题
2021/01/19 HTML / CSS
初三物理教学反思
2014/01/21 职场文书
寄语十八大感言
2014/02/07 职场文书
服务承诺书范文
2014/05/19 职场文书
写给老婆的保证书
2015/02/27 职场文书
Css预编语言及区别详解
2021/04/25 HTML / CSS
mysql中如何用命令创建联合唯一索引
2022/04/20 MySQL