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 相关文章推荐
用js遍历 table的脚本
Jul 23 Javascript
JQuery自适应IFrame高度(支持嵌套 兼容IE,ff,safafi,chrome)
Mar 28 Javascript
Javascript操作cookie的函数代码
Oct 03 Javascript
js 回车提交表单两种实现方法
Dec 31 Javascript
关注jquery技巧提高jquery技能(前端开发必学)
Nov 02 Javascript
vue如何使用 Slot 分发内容实例详解
Sep 05 Javascript
JS+canvas动态绘制饼图的方法示例
Sep 12 Javascript
jQuery 防止相同的事件快速重复触发方法
Feb 08 jQuery
angularJs中$scope数据序列化的实例
Sep 30 Javascript
微信小程序开发的基本流程步骤
Jan 31 Javascript
JavaScript函数式编程(Functional Programming)组合函数(Composition)用法分析
May 22 Javascript
vue使用refs获取嵌套组件中的值过程
Mar 31 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删除非空目录的函数代码小结
2013/02/28 PHP
以实例全面讲解PHP中多进程编程的相关函数的使用
2015/08/18 PHP
Yii的Srbac插件用法详解
2016/07/14 PHP
php和html的区别点详细总结
2019/09/24 PHP
自定义右键属性覆盖浏览器默认右键行为实现代码
2013/02/02 Javascript
JavaScript 函数惰性载入的实现及其优点介绍
2013/08/12 Javascript
Js操作Select大全(取值、设置选中等等)
2013/10/29 Javascript
JS获取随机数函数可自定义最小值最大值
2014/05/08 Javascript
JS实现屏蔽shift,Ctrl,alt等功能键的方法
2015/06/01 Javascript
浅谈JavaScript 数据属性和访问器属性
2016/09/01 Javascript
解决OneThink中无法异步提交kindeditor文本框中修改后的内容方法
2017/05/05 Javascript
JavaScript正则表达式的贪婪匹配和非贪婪匹配
2017/09/05 Javascript
解决npm安装Electron缓慢网络超时导致失败的问题
2018/02/06 Javascript
vue 点击展开显示更多(点击收起部分隐藏)
2019/04/09 Javascript
package.json配置文件构成详解
2019/08/27 Javascript
在主机商的共享服务器上部署Django站点的方法
2015/07/22 Python
Python实现Logger打印功能的方法详解
2017/09/01 Python
python、java等哪一门编程语言适合人工智能?
2017/11/13 Python
Tensorflow之Saver的用法详解
2018/04/23 Python
Django框架设置cookies与获取cookies操作详解
2019/05/27 Python
用Python实现BP神经网络(附代码)
2019/07/10 Python
Python3.7基于hashlib和Crypto实现加签验签功能(实例代码)
2019/12/04 Python
python3使用Pillow、tesseract-ocr与pytesseract模块的图片识别的方法
2020/02/26 Python
html5构建触屏网站之touch事件介绍
2013/01/07 HTML / CSS
俄罗斯街头服装品牌:Black Star Wear
2017/03/01 全球购物
Stokke美国官方网店:高级儿童家具、推车、汽车座椅和配件
2020/06/06 全球购物
Python里面如何实现tuple和list的转换
2012/06/13 面试题
护士专业推荐信
2013/11/02 职场文书
出纳岗位职责模板
2013/11/27 职场文书
国际贸易专业个人职业生涯规划
2014/02/15 职场文书
中学生励志演讲稿
2014/04/26 职场文书
2015年街道办事处工作总结
2015/05/22 职场文书
法人代表资格证明书
2015/06/18 职场文书
详解分布式系统中如何用python实现Paxos
2021/05/18 Python
Flink 侧流输出源码示例解析
2022/09/23 Servers