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 相关文章推荐
一个原生的用户等级的进度条
Jul 03 Javascript
JavaScript设置首页和收藏页面的小例子
Nov 11 Javascript
jQuery简易图片放大特效示例代码
Jun 09 Javascript
node.js中的fs.lstatSync方法使用说明
Dec 16 Javascript
基于jquery css3实现点击动画弹出表单源码特效
Aug 31 Javascript
jquery自定义插件——window的实现【示例代码】
May 06 Javascript
深入理解js中的加载事件
Feb 08 Javascript
React props和state属性的具体使用方法
Apr 12 Javascript
React key值的作用和使用详解
Aug 23 Javascript
LayUI switch 开关监听 获取属性值、更改状态的方法
Sep 21 Javascript
jQuery实现简易QQ聊天框
Feb 10 jQuery
浅谈vant组件Picker 选择器选单选问题
Nov 04 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不允许用户提交空表单(php空值判断)
2013/11/12 PHP
纯CSS打造的导航菜单(附jquery版)
2010/08/07 Javascript
javascript一个无懈可击的实例化XMLHttpRequest的方法
2010/10/13 Javascript
仿谷歌主页js动画效果实现代码
2013/07/14 Javascript
javascript删除数组重复元素的方法汇总
2015/06/24 Javascript
简单实现异步编程promise模式
2015/07/31 Javascript
WebGL利用FBO完成立方体贴图效果完整实例(附demo源码下载)
2016/01/26 Javascript
由简入繁实现Jquery树状结构的方法(推荐)
2016/06/10 Javascript
Node.js 实现简单小说爬虫实例
2016/11/18 Javascript
javascript删除html标签函数cIsHTML
2017/01/09 Javascript
Vue集成Iframe页面的方法示例
2017/12/12 Javascript
在vue-cli搭建的项目中增加后台mock接口的方法
2018/04/26 Javascript
mpvue+vant app搭建微信小程序的方法步骤
2019/02/11 Javascript
vue轮播组件实现$children和$parent 附带好用的gif录制工具
2019/09/26 Javascript
VUE-ElementUI 自定义Loading图操作
2020/11/11 Javascript
windows下python连接oracle数据库
2017/06/07 Python
python语言中with as的用法使用详解
2018/02/23 Python
Python将视频或者动态图gif逐帧保存为图片的方法
2019/09/10 Python
python实现矩阵和array数组之间的转换
2019/11/29 Python
Python自动化测试笔试面试题精选
2020/03/12 Python
Python验证码截取识别代码实例
2020/05/16 Python
keras读取训练好的模型参数并把参数赋值给其它模型详解
2020/06/15 Python
浅谈Selenium 控制浏览器的常用方法
2020/12/04 Python
css和css3弹性盒模型实现元素宽度(高度)自适应
2019/05/15 HTML / CSS
菲律宾优惠券网站:MetroDeal
2019/04/12 全球购物
世界上最受欢迎的花店:1-800-Flowers.com
2020/06/01 全球购物
鼓励运动员的广播稿
2014/02/08 职场文书
公司合作协议书范本
2014/04/18 职场文书
基本公共卫生服务健康教育工作方案
2014/05/22 职场文书
岗位说明书怎么写
2014/07/30 职场文书
2014年政风行风评议工作总结
2014/10/21 职场文书
2014年初级职称工作总结
2014/12/08 职场文书
社区青年志愿者活动总结
2015/05/06 职场文书
小学大队委竞选口号
2015/12/25 职场文书
使用 JavaScript 制作页面效果
2021/04/21 Javascript
python处理json数据文件
2022/04/11 Python