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代码(浏览器F12及VS中debugger关键字)
Jan 25 Javascript
深入理解Javascript中的循环优化
Nov 09 Javascript
swtich/if...else的替代语句
Aug 16 Javascript
简单纯js实现点击切换TAB标签实例
Aug 23 Javascript
JavaScript入门教程之引用类型
May 04 Javascript
详解js中==与===的区别
Jan 08 Javascript
webpack教程之webpack.config.js配置文件
Jul 05 Javascript
从零开始搭建webpack+react开发环境的详细步骤
May 18 Javascript
vue里面使用mui的弹出日期选择插件实例
Sep 16 Javascript
TypeScript基础入门教程之三重斜线指令详解
Oct 22 Javascript
Vue项目实现换肤功能的一种方案分析
Aug 28 Javascript
微信小程序自定义胶囊样式
Dec 27 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 is_file()和is_dir()用于遍历目录时用法注意事项
2010/03/02 PHP
ThinkPHP3.1新特性之对Ajax的支持更加完善
2014/06/19 PHP
php禁止某ip或ip地址段访问的方法
2015/02/25 PHP
PHP实现在线阅读PDF文件的方法
2015/06/17 PHP
在Yii2中使用Pjax导致Yii2内联脚本载入失败的原因分析
2016/03/06 PHP
PHP数组函数知识汇总
2016/05/12 PHP
浅谈php fopen下载远程文件的函数
2016/11/18 PHP
PHP自动补全表单的两种方法
2017/03/06 PHP
php pdo连接数据库操作示例
2019/11/18 PHP
for 循环性能比较 提高for循环的效率
2009/03/19 Javascript
仿微博字符限制效果实现代码
2012/04/20 Javascript
JavaScript中关联原型链属性特性
2016/02/13 Javascript
javascript封装addLoadEvent实现页面同时加载执行多个函数的方法
2016/07/25 Javascript
jquery利用json实现页面之间传值的实例解析
2016/12/12 Javascript
Vue分页组件实例代码
2017/04/17 Javascript
vue实现微信分享链接添加动态参数的方法
2019/04/29 Javascript
vue实现滑动超出指定距离回顶部功能
2019/07/31 Javascript
Python的函数的一些高阶特性
2015/04/27 Python
介绍Python的Urllib库的一些高级用法
2015/04/30 Python
python统计文本字符串里单词出现频率的方法
2015/05/26 Python
Python简单实现TCP包发送十六进制数据的方法
2016/04/16 Python
Python读写/追加excel文件Demo分享
2018/05/03 Python
python批量查询、汉字去重处理CSV文件
2018/05/31 Python
对Python中的条件判断、循环以及循环的终止方法详解
2019/02/08 Python
python matplotlib如何给图中的点加标签
2019/11/14 Python
python利用google翻译方法实例(翻译字幕文件)
2020/09/21 Python
aden + anais英国官网:美国婴儿贴身用品品牌
2019/09/08 全球购物
俄罗斯最大的香水和化妆品网上商店:Randewoo
2020/11/05 全球购物
90后毕业生的求职信范文
2013/09/21 职场文书
中专生自荐信
2013/10/12 职场文书
保护环境演讲稿
2014/05/10 职场文书
工厂仓库管理员岗位职责
2015/04/09 职场文书
《扇形统计图》教学反思
2016/02/17 职场文书
React 并发功能体验(前端的并发模式)
2021/07/01 Javascript
浅谈JavaScript作用域
2021/12/06 Javascript
PostgreSQL常用字符串分割函数整理汇总
2022/07/07 PostgreSQL