jQuery对html元素取值与赋值的方法


Posted in Javascript onNovember 20, 2013

Jquery给基本控件的取值、赋值 TEXTBOX: var str = $('#txt').val(); $('#txt').val("Set Lbl Value"); //文本框,文本区域: $("#text_id").attr("value",'');//清空内容 $("#text_id").attr("value",'test');// 填充内容

TEXTBOX:

var str = $('#txt').val();
$('#txt').val("Set Lbl Value"); 
//文本框,文本区域:
$("#text_id").attr("value",'');//清空内容
$("#text_id").attr("value",'test');// 填充内容

LABLE:

var str = $('#lbl').text();
$('#lbl').text("Set Lbl Value");
   var valradio = $("input[@type=radio][@checked]").val();
   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的项目为当前选中项
$("<option value='test'>test</option><option value='test2'>test2</option>").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();
});
Javascript 相关文章推荐
javascript实现的listview效果
Apr 28 Javascript
javascript消除window.close()的提示窗口
May 20 Javascript
详解jQuery Mobile自定义标签
Jan 06 Javascript
jquery心形点赞关注效果的简单实现
Nov 14 Javascript
用angular实现多选按钮的全选与反选实例代码
May 23 Javascript
JavaScript 用fetch 实现异步下载文件功能
Jul 21 Javascript
three.js实现3D视野缩放效果
Nov 16 Javascript
原生js实现省市区三级联动代码分享
Feb 12 Javascript
angularjs使用gulp-uglify压缩后执行报错的解决方法
Mar 07 Javascript
jquery 实现拖动文件上传加载进度条功能
Mar 18 jQuery
JavaScript实现异步图像上传功能
Jul 12 Javascript
详解Webpack4多页应用打包方案
Jul 16 Javascript
客户端js判断文件类型和文件大小即限制上传大小
Nov 20 #Javascript
JS保留两位小数 四舍五入函数的小例子
Nov 20 #Javascript
使用js简单实现了tree树菜单
Nov 20 #Javascript
js 用CreateElement动态创建标签示例
Nov 20 #Javascript
JS实现字体选色板实例代码
Nov 20 #Javascript
jquery实现树形二级菜单实例代码
Nov 20 #Javascript
javascript右下角弹层及自动隐藏(自己编写)
Nov 20 #Javascript
You might like
php输出xml必须header的解决方法
2014/10/17 PHP
迪菲-赫尔曼密钥交换(Diffie?Hellman)算法原理和PHP实现版
2015/05/12 PHP
php获取excel文件数据
2017/04/21 PHP
javascript中方便增删改cookie的一个类
2012/10/11 Javascript
jquery移除、绑定、触发元素事件使用示例详解
2014/04/10 Javascript
js实现四舍五入完全保留两位小数的方法
2016/08/02 Javascript
JS Select下拉框(支持输入模糊查询)
2017/02/04 Javascript
AngularJS表格添加序号的方法
2017/03/03 Javascript
JS+CSS实现下拉刷新/上拉加载插件
2017/03/31 Javascript
在axios中使用params传参的时候传入数组的方法
2018/09/25 Javascript
微信提示 在浏览器打开 效果实现过程解析
2019/09/10 Javascript
vue 导航内容设置选中状态样式的例子
2019/11/01 Javascript
js实现坦克大战游戏
2020/02/24 Javascript
JavaScript实现筛选数组
2021/03/02 Javascript
Python实现HTTP协议下的文件下载方法总结
2016/04/20 Python
浅谈scrapy 的基本命令介绍
2017/06/13 Python
Python模糊查询本地文件夹去除文件后缀的实例(7行代码)
2017/11/09 Python
Python字符串逆序的实现方法【一题多解】
2019/02/18 Python
解决Python内层for循环如何break出外层的循环的问题
2019/06/24 Python
Python模块的制作方法实例分析
2019/12/21 Python
python中数据库like模糊查询方式
2020/03/02 Python
python实现手势识别的示例(入门)
2020/04/15 Python
基于Python快速处理PDF表格数据
2020/06/03 Python
如何把python项目部署到linux服务器
2020/08/26 Python
python 绘制正态曲线的示例
2020/09/24 Python
瑞典廉价机票预订网站:Seat24
2018/06/19 全球购物
ManoMano英国:欧洲第一家专注于DIY和园艺市场的电商平台
2020/03/12 全球购物
介绍一下Java中标识符的命名规则
2014/02/03 面试题
初一生物教学反思
2014/01/18 职场文书
英文请假条
2014/04/11 职场文书
2014年教师节演讲稿范文
2014/09/10 职场文书
中学推普周活动总结
2015/05/07 职场文书
劳动合同变更协议书范本
2019/04/18 职场文书
3招让你摆脱即兴讲话冷场尴尬
2019/08/08 职场文书
Java并发编程之详解CyclicBarrier线程同步
2021/06/23 Java/Android
zabbix配置nginx监控的实现
2022/05/25 Servers