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下申明对象的几种方法小结
Oct 02 Javascript
按Enter键触发事件的jquery方法实现代码
Feb 17 Javascript
jQuery循环动画与获取组件尺寸的方法
Feb 02 Javascript
在Javascript中处理字符串之big()方法的使用
Jun 08 Javascript
基于jQuery实现的双11天猫拆红包抽奖效果
Dec 01 Javascript
JavaScript中ES6 Babel正确安装过程
Jul 18 Javascript
Bootstrap实现带暂停功能的轮播组件(推荐)
Nov 25 Javascript
Vue-cli proxyTable 解决开发环境的跨域问题详解
May 18 Javascript
Element-ui table中过滤条件变更表格内容的方法
Mar 02 Javascript
利用chrome浏览器进行js调试并找出元素绑定的点击事件详解
Jan 30 Javascript
js控制随机数生成概率代码实例
Mar 21 Javascript
Vue 实现html中根据类型显示内容
Oct 28 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
PDO::inTransaction讲解
2019/01/28 PHP
php+redis实现消息队列功能示例
2019/09/19 PHP
laravel框架使用FormRequest进行表单验证,验证异常返回JSON操作示例
2020/02/18 PHP
XMLHTTP 乱码的解决方法(UTF8,GB2312 编码 解码)
2011/01/12 Javascript
JQuery 给元素绑定click事件多次执行的解决方法
2014/09/09 Javascript
javascript数据类型验证方法
2015/12/31 Javascript
使用Script元素发送JSONP请求的方法
2016/06/12 Javascript
gulp加批处理(.bat)实现ng多应用一键自动化构建
2017/02/16 Javascript
详解使用VueJS开发项目中的兼容问题
2018/08/02 Javascript
详解VUE Element-UI多级菜单动态渲染的组件
2019/04/25 Javascript
vue用BMap百度地图实现即时搜索功能
2019/09/26 Javascript
vue设置导航栏、侧边栏为公共页面的例子
2019/11/01 Javascript
vue element自定义表单验证请求后端接口验证
2019/12/11 Javascript
[01:14]英雄,所敬略同——2018完美盛典宣传视频4K
2018/12/05 DOTA
python抓取网页中的图片示例
2014/02/28 Python
从Python的源码浅要剖析Python的内存管理
2015/04/16 Python
pandas多级分组实现排序的方法
2018/04/20 Python
pycharm运行出现ImportError:No module named的解决方法
2018/10/13 Python
Python单元测试unittest的具体使用示例
2018/12/17 Python
Python中typing模块与类型注解的使用方法
2019/08/05 Python
Python3 venv搭建轻量级虚拟环境的步骤(图文)
2019/08/09 Python
python用什么编辑器进行项目开发
2020/06/17 Python
基于python实现可视化生成二维码工具
2020/07/08 Python
python如何对链表操作
2020/10/10 Python
Python try except else使用详解
2021/01/12 Python
利用CSS3实现折角效果实例源码
2016/09/28 HTML / CSS
html5+css3进度条倒计时动画特效代码【推荐】
2016/03/08 HTML / CSS
纽约现代艺术博物馆商店:MoMA STORE(室内家具和杂货商品)
2016/08/02 全球购物
澳大利亚首屈一指的在线购物目的地:Kogan.com
2017/02/02 全球购物
洛杉矶健身中心女性专用运动服饰品牌:Marika
2018/05/09 全球购物
客户经理岗位职责
2013/12/08 职场文书
学校对教师的评语
2014/04/28 职场文书
县长“四风”对照检查材料思想汇报
2014/10/05 职场文书
个人剖析材料及整改措施
2014/10/07 职场文书
2015年秘书个人工作总结
2015/04/25 职场文书
MySQL 数据类型详情
2021/11/11 MySQL