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 相关文章推荐
jquery.validate使用攻略 第三部
Jul 01 Javascript
For循环中分号隔开的3部分的执行顺序探讨
May 27 Javascript
JavaScript弹出窗口方法汇总
Aug 12 Javascript
js仿土豆网带缩略图的焦点图片切换效果实现方法
Feb 23 Javascript
Perl Substr()函数及函数的应用
Dec 16 Javascript
jquery基本选择器匹配多个元素的实现方法
Sep 05 Javascript
详解Vue 方法与事件处理器
Jun 20 Javascript
Vue 表单控件绑定的实现示例
Aug 11 Javascript
分分钟学会vue中vuex的应用(入门教程)
Sep 14 Javascript
5分钟快速掌握JS中var、let和const的异同
Sep 19 Javascript
使用vuepress搭建静态博客的示例代码
Feb 14 Javascript
Vue如何基于es6导入外部js文件
May 15 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
超神学院:天使彦公认最美的三个视角,网友:我的天使快下凡吧!
2020/03/02 国漫
fgetcvs在linux的问题
2012/01/15 PHP
php中global和$GLOBALS[]的分析之一
2012/02/02 PHP
3个PHP多维数组转为一维数组的方法实例
2014/03/13 PHP
php获取mysql字段名称和其它信息的例子
2014/04/14 PHP
crontab无法执行php的解决方法
2016/01/25 PHP
PHP 进度条函数的简单实例
2017/09/19 PHP
JS 日期验证正则附asp日期格式化函数
2009/09/11 Javascript
js自动生成的元素与页面原有元素发生堆叠的解决方法
2013/10/24 Javascript
兼容最新firefox、chrome和IE的javascript图片预览实现代码
2014/08/08 Javascript
百度地图API之本地搜索与范围搜索
2015/07/30 Javascript
原生JS实现图片轮播效果
2016/12/26 Javascript
jQuery animate()实现背景色渐变效果的处理方法【使用jQuery.color.js插件】
2017/03/15 Javascript
详解vue2.0 不同屏幕适配及px与rem转换问题
2018/02/23 Javascript
详解封装基础的angular4的request请求方法
2018/06/05 Javascript
序列化模块json代码实例详解
2020/03/03 Javascript
nodejs中内置模块fs,path常见的用法说明
2020/11/07 NodeJs
[03:35]2018年度DOTA2最佳辅助位选手5号位-完美盛典
2018/12/17 DOTA
利用Python绘制MySQL数据图实现数据可视化
2015/03/30 Python
详解python中xlrd包的安装与处理Excel表格
2016/12/16 Python
在Python中实现shuffle给列表洗牌
2018/11/08 Python
Python基于百度云文字识别API
2018/12/13 Python
python解析xml文件方式(解析、更新、写入)
2020/03/05 Python
如何让python的运行速度得到提升
2020/07/08 Python
html5通过canvas实现刮刮卡效果示例分享
2014/01/27 HTML / CSS
松本清官方海外旗舰店:日本最大的药妆连锁店
2017/11/21 全球购物
新闻专业应届生求职信
2013/10/31 职场文书
医学专业毕业生个人的求职信
2013/12/04 职场文书
中学生团员自我评价分享
2013/12/07 职场文书
党员学习党的群众路线思想汇报(5篇)
2014/09/10 职场文书
房产公证书格式
2015/01/26 职场文书
JavaScript实现贪吃蛇游戏
2021/06/16 Javascript
CSS精灵图的原理与使用方法介绍
2022/03/17 HTML / CSS
mysql 排序失效
2022/05/20 MySQL
mysql函数之截取字符串的实现
2022/08/14 MySQL
HTML5页面打开微信小程序功能实现
2022/09/23 HTML / CSS