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 showModalDialog 多层模态窗口实现页面提交及刷新的代码
Nov 28 Javascript
Jquery从头学起第四讲 jquery入门教程
Aug 01 Javascript
基于Bootstrap实现的下拉菜单手机端不能选择菜单项的原因附解决办法
Jul 22 Javascript
Js得到radiobuttonlist选中值的两种方法(推荐)
Aug 25 Javascript
HTML5canvas 绘制一个圆环形的进度表示实例
Dec 16 Javascript
详解js的异步编程技术的方法
Feb 09 Javascript
使用jQuery监听扫码枪输入并禁止手动输入的实现方法(推荐)
Mar 21 jQuery
微信小程序开发之数据存储 参数传递 数据缓存
Apr 13 Javascript
使用Fullpage插件快速开发整屏翻页的页面
Sep 13 Javascript
AngularJS中下拉框的高级用法示例
Oct 11 Javascript
基于JavaScript实现简单抽奖功能代码实例
Oct 20 Javascript
JavaScript实现淘宝商品图切换效果
Apr 29 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程序
2006/10/09 PHP
fleaphp crud操作之find函数的使用方法
2011/04/23 PHP
解析PHP工厂模式的好处
2013/06/18 PHP
PHP统计二维数组元素个数的方法
2013/11/12 PHP
php使用filter过滤器验证邮箱 ipv6地址 url验证
2013/12/25 PHP
PHP SPL标准库之文件操作(SplFileInfo和SplFileObject)实例
2015/05/11 PHP
php使用CutyCapt实现网页截图保存的方法
2016/10/03 PHP
PHP根据树的前序遍历和中序遍历构造树并输出后序遍历的方法
2017/11/10 PHP
javascript 模式设计之工厂模式学习心得
2010/04/27 Javascript
有关于JS构造函数的重载和工厂方法
2013/04/07 Javascript
jQuery实现类似滑动门切换效果的层切换
2013/09/23 Javascript
JavaScript删除数组元素的方法
2015/03/20 Javascript
js实现的简洁网页滑动tab菜单效果代码
2015/08/24 Javascript
使用堆实现Top K算法(JS实现)
2015/12/25 Javascript
正则中的回溯定义与用法分析【JS与java实现】
2016/12/27 Javascript
解决webpack -p压缩打包react报语法错误的方法
2017/07/03 Javascript
jQuery plugin animsition使用小结
2017/09/14 jQuery
AngularJS动态添加数据并删除的实例
2018/02/27 Javascript
vue中如何实现pdf文件预览的方法
2018/07/12 Javascript
基于js实现抽红包并分配代码实例
2019/09/19 Javascript
深入理解webpack process.env.NODE_ENV配置
2020/02/23 Javascript
[50:11]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第三场
2018/04/09 DOTA
py2exe 编译ico图标的代码
2013/03/08 Python
详解Python的Django框架中inclusion_tag的使用
2015/07/21 Python
Python文件读写常见用法总结
2019/02/22 Python
Django在pycharm下修改默认启动端口的方法
2019/07/26 Python
python使用hdfs3模块对hdfs进行操作详解
2020/06/06 Python
Python基于字典实现switch case函数调用
2020/07/22 Python
Python实现一个论文下载器的过程
2021/01/18 Python
迅雷Cued工作心得体会
2014/01/27 职场文书
大学生水果店创业计划书
2014/01/28 职场文书
党员四风问题对照检查材料思想汇报
2014/09/16 职场文书
2014年党员自我评价材料
2014/09/22 职场文书
2015年护士工作总结范文
2015/03/31 职场文书
结婚通知短信大全
2015/04/17 职场文书
MySQL视图概念以及相关应用
2022/04/19 MySQL