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 解疑
Nov 11 Javascript
event.currentTarget与event.target的区别介绍
Dec 31 Javascript
jQuery内容过滤选择器用法分析
Feb 10 Javascript
详解js中构造流程图的核心技术JsPlumb
Dec 08 Javascript
JS HTML5拖拽上传图片预览
Jul 18 Javascript
详解axios在node.js中的post使用
Apr 27 Javascript
validationEngine 表单验证插件使用实例代码
Jun 15 Javascript
JavaScript之DOM_动力节点Java学院整理
Jul 03 Javascript
对Layer弹窗使用及返回数据接收的实例详解
Sep 26 Javascript
微信js-sdk 录音功能的示例代码
Nov 01 Javascript
webpack优化之代码分割与公共代码提取详解
Nov 22 Javascript
Vue结合路由配置递归实现菜单栏功能
Jun 16 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中mt_rand()随机数函数用法
2014/11/24 PHP
PHP中的Session对象如何使用
2015/09/25 PHP
PHP 记录访客的浏览信息方法
2018/01/29 PHP
如何确保JavaScript的执行顺序 之jQuery.html深度分析
2011/03/03 Javascript
解析prototype,JQuery中跳出each循环的方法
2013/12/12 Javascript
JavaScript DOM节点添加示例
2014/07/16 Javascript
JS实现自动变换的菜单效果代码
2015/09/09 Javascript
jquery基本选择器匹配多个元素的实现方法
2016/09/05 Javascript
10分钟掌握XML、JSON及其解析
2020/12/06 Javascript
微信小程序 POST请求的实例详解
2017/09/29 Javascript
基于node.js实现微信支付退款功能
2017/12/19 Javascript
JS遍历JSON数组及获取JSON数组长度操作示例【测试可用】
2018/12/12 Javascript
详解小程序BackgroundAudioManager踩坑之旅
2019/12/08 Javascript
vue setInterval 定时器失效的解决方式
2020/07/30 Javascript
Python利用QQ邮箱发送邮件的实现方法(分享)
2017/06/09 Python
详解Golang 与python中的字符串反转
2017/07/21 Python
tensorflow 使用flags定义命令行参数的方法
2018/04/23 Python
Python3.遍历某文件夹提取特定文件名的实例
2018/04/26 Python
Python3多目标赋值及共享引用注意事项
2019/05/27 Python
Pandas的read_csv函数参数分析详解
2019/07/02 Python
使用python批量修改文件名的方法(视频合并时)
2020/03/24 Python
解决Django提交表单报错:CSRF token missing or incorrect的问题
2020/03/13 Python
Python使用xpath实现图片爬取
2020/09/16 Python
python+opencv实现车道线检测
2021/02/19 Python
CSS3 calc()会计算属性详解
2018/02/27 HTML / CSS
爱淘宝:淘宝网购物分享平台
2017/04/28 全球购物
超级英雄、电影和电视、乐队和音乐T恤:Loud Clothing
2019/09/01 全球购物
EJB3推出JPA的原因
2013/10/16 面试题
党员创先争优心得体会
2014/09/11 职场文书
律师授权委托书范本
2014/10/07 职场文书
承兑汇票转让证明怎么写?
2014/11/30 职场文书
社区工作者个人总结
2015/02/28 职场文书
2015年父亲节寄语
2015/03/23 职场文书
德劲DE1108畅想
2021/04/22 无线电
Golang 切片(Slice)实现增删改查
2022/04/22 Golang
Windows Server 2022 超融合部署(图文教程)
2022/06/25 Servers