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 文档的编码问题解决
Mar 01 Javascript
jQuery语法高亮插件支持各种程序源代码语法着色加亮
Apr 27 Javascript
PHP PDO操作总结
Nov 17 Javascript
jquery+json实现动态商品内容展示的方法
Jan 14 Javascript
jquery.validate 自定义验证方法及validate相关参数
Jan 18 Javascript
BootStrap的弹出框(Popover)支持鼠标移到弹出层上弹窗层不隐藏的原因及解决办法
Apr 03 Javascript
js判断PC端与移动端跳转
Dec 24 Javascript
JavaScript指定断点操作实例教程
Sep 18 Javascript
实现elementUI表单的全局验证的方法步骤
Apr 29 Javascript
通过实例解析js简易模块加载器
Jun 17 Javascript
详解使用JWT实现单点登录(完全跨域方案)
Aug 02 Javascript
Vue监视数据的原理详解
Feb 24 Vue.js
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
简单的页面缓冲技术
2006/10/09 PHP
php中OR与|| AND与&&的区别总结
2013/10/26 PHP
ExtJs 3.1 XmlTreeLoader Example Error
2010/02/09 Javascript
修改js Calendar日历控件 兼容IE9/谷歌/火狐
2013/01/04 Javascript
用JS做的简单的可折叠的两级树形菜单
2013/09/21 Javascript
jQuery处理xml格式的返回数据(实例解析)
2013/11/28 Javascript
jQuery及JS实现循环中暂停的方法
2015/02/02 Javascript
jQuery中hover方法和toggle方法使用指南
2015/02/27 Javascript
Node.js操作Firebird数据库教程
2016/03/04 Javascript
Bootstrap 布局组件(全)
2016/07/18 Javascript
JS简单获取及显示当前时间的方法
2016/08/03 Javascript
JS多文件上传的实例代码
2017/01/11 Javascript
layer弹出层中H5播放器全屏出错的解决方法
2017/02/21 Javascript
vue实现简单表格组件实例详解
2017/04/16 Javascript
label+input实现按钮开关切换效果的实例
2017/08/16 Javascript
react-navigation 如何判断用户是否登录跳转到登录页的方法
2017/12/01 Javascript
基于express中路由规则及获取请求参数的方法
2018/03/12 Javascript
今天,小程序正式支持 SVG
2019/04/20 Javascript
VSCode使用之Vue工程配置eslint
2019/04/30 Javascript
jQuery 查找元素操作实例小结
2019/10/02 jQuery
用js限制网页只在微信浏览器中打开(或者只能手机端访问)
2020/12/24 Javascript
如何在Express4.x中愉快地使用async的方法
2020/11/18 Javascript
详解Python中的__getitem__方法与slice对象的切片操作
2016/06/27 Python
python中数字是否为可变类型
2020/07/08 Python
浅谈Django前端后端值传递问题
2020/07/15 Python
深入研究HTML5实现图片压缩上传功能
2016/03/25 HTML / CSS
奇怪的鱼:Weird Fish
2018/03/18 全球购物
华为消费者德国官方网站:HUAWEI德国
2020/11/03 全球购物
英语专业大学生求职简历的自我评价
2013/10/18 职场文书
设计总监岗位职责
2013/12/07 职场文书
公司财务部岗位职责
2015/04/14 职场文书
工作经历证明范本
2015/06/15 职场文书
优秀志愿者感言
2015/08/01 职场文书
2016年“11.11”光棍节活动总结
2016/04/05 职场文书
详解Vue的sync修饰符
2021/05/15 Vue.js
MYSQL中文乱码问题的解决方案
2022/06/14 MySQL