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 相关文章推荐
web前端开发也需要日志
Dec 09 Javascript
JS实现点击下载的小例子
Jul 10 Javascript
屏蔽script注入小例子
Nov 12 Javascript
node.js下LDAP查询实例分享
Sep 30 Javascript
jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签
Mar 29 Javascript
微信小程序 scroll-view组件实现列表页实例代码
Dec 14 Javascript
jquery pagination分页插件使用详解(后台struts2)
Jan 22 Javascript
vue中使用localstorage来存储页面信息
Nov 04 Javascript
angularJs在多个控制器中共享服务数据的方法
Sep 30 Javascript
js判断一个对象是数组(函数)的方法实例
Dec 19 Javascript
VUE实现Studio管理后台之鼠标拖放改变窗口大小
Mar 04 Javascript
全面解析js中的原型,原型对象,原型链
Jan 25 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
phpwind中的数据库操作类
2007/01/02 PHP
Http 1.1 Etag 与 Last-Modified提高php效率
2008/01/10 PHP
destoon会员注册提示“数据校验失败(2)”解决方法
2014/06/21 PHP
ThinkPHP5.0多个文件上传后找不到临时文件的修改方法
2018/07/30 PHP
基于jQuery实现的水平和垂直居中的div窗口
2011/08/08 Javascript
用unescape反编码得出汉字示例
2014/04/24 Javascript
基于豆瓣API+Angular开发的web App
2015/01/02 Javascript
js实现具有高亮显示效果的多级菜单代码
2015/09/01 Javascript
javascript原生ajax写法分享
2016/04/10 Javascript
JS克隆,属性,数组,对象,函数实例分析
2016/11/26 Javascript
BootStrap Tooltip插件源码解析
2016/12/27 Javascript
使用grunt合并压缩js和css文件的方法
2017/03/02 Javascript
浅谈原生JS实现jQuery的animate()动画示例
2017/03/08 Javascript
移动端利用H5实现压缩图片上传功能
2017/03/29 Javascript
bootstrap 设置checkbox部分选中效果
2017/04/20 Javascript
Vue 项目分环境打包的方法示例
2018/08/03 Javascript
在Chrome DevTools中调试JavaScript的实现
2020/04/07 Javascript
vue通过v-html指令渲染的富文本无法修改样式的解决方案
2020/05/20 Javascript
python发送邮件实例分享
2017/07/28 Python
想学python 这5本书籍你必看!
2018/12/11 Python
python 在某.py文件中调用其他.py内的函数的方法
2019/06/25 Python
python tkinter窗口最大化的实现
2019/07/15 Python
Django Channels 实现点对点实时聊天和消息推送功能
2019/07/17 Python
python3实现高效的端口扫描
2019/08/31 Python
Django实现文件上传下载功能
2019/10/06 Python
Python数据处理篇之Sympy系列(五)---解方程
2019/10/12 Python
Django Admin设置应用程序及模型顺序方法详解
2020/04/01 Python
Scrapy框架介绍之Puppeteer渲染的使用
2020/06/19 Python
matplotlib bar()实现多组数据并列柱状图通用简便创建方法
2021/02/24 Python
html5利用canvas实现颜色容差抠图功能
2019/12/23 HTML / CSS
电脑销售顾问自荐信
2014/01/29 职场文书
女娲补天教学反思
2014/02/05 职场文书
小学数学课后反思
2014/04/23 职场文书
建筑工程造价专业自荐信
2014/07/08 职场文书
出生证明格式
2015/06/15 职场文书
MySQL中的 inner join 和 left join的区别解析(小结果集驱动大结果集)
2023/05/08 MySQL