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 相关文章推荐
js根据鼠标移动速度背景图片自动旋转的方法
Feb 28 Javascript
Node.js文件操作方法汇总
Mar 22 Javascript
JS中this上下文对象使用方式
Oct 09 Javascript
Javascript中字符串相关常用的使用方法总结
Mar 13 Javascript
简单谈谈关于 npm 5.0 的新坑
Jun 08 Javascript
基于pako.js实现gzip的压缩和解压功能示例
Jun 13 Javascript
详解JavaScript基础知识(JSON、Function对象、原型、引用类型)
Jan 16 Javascript
JQuery Ajax动态加载Table数据的实例讲解
Aug 09 jQuery
vue-cli+axios实现文件上传下载功能(下载接收后台返回文件流)
May 10 Javascript
JavaScript判断数组类型的方法
Oct 23 Javascript
微信小程序实现加入购物车滑动轨迹
Nov 18 Javascript
可拖拽组件slider.js使用方法详解
Dec 04 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
初学CAKEPHP 基础教程
2009/11/02 PHP
php防止sql注入示例分析和几种常见攻击正则表达式
2014/01/12 PHP
THINKPHP支持YAML配置文件的设置方法
2015/03/17 PHP
thinkPHP自动验证、自动添加及表单错误问题分析
2016/10/17 PHP
详解PHP归并排序的实现
2016/10/18 PHP
jQuery 可以拖动的div实现代码 脚本之家修正版
2009/06/26 Javascript
javaScript年份下拉列表框内容为当前年份及前后50年
2014/05/28 Javascript
QQ空间顶部折页撕开效果示例代码
2014/06/15 Javascript
JS实现鼠标经过好友列表中的好友头像时显示资料卡的效果
2014/07/02 Javascript
javascript面向对象程序设计(一)
2015/01/29 Javascript
JS实现文字放大效果的方法
2015/03/03 Javascript
JavaScript动态修改背景颜色的方法
2015/04/16 Javascript
jQuery中通过ajax的get()函数读取页面的方法
2016/02/29 Javascript
domReady的实现案例
2016/11/23 Javascript
原生JS中slice()方法和splice()区别
2017/03/06 Javascript
vue router路由嵌套不显示问题的解决方法
2017/06/17 Javascript
vue裁切预览组件功能的实现步骤
2018/05/04 Javascript
JavaScript中变量、指针和引用功能与操作示例
2018/08/04 Javascript
Vue环境搭建+VSCode+Win10的详细教程
2020/08/19 Javascript
Python类的多重继承问题深入分析
2014/11/09 Python
python脚本设置系统时间的两种方法
2016/02/21 Python
Python制作Windows系统服务
2017/03/25 Python
Python实现将一个正整数分解质因数的方法分析
2017/12/14 Python
Python cookbook(数据结构与算法)将序列分解为单独变量的方法
2018/02/13 Python
基于python 二维数组及画图的实例详解
2018/04/03 Python
Python 打印中文字符的三种方法
2018/08/14 Python
python flask 如何修改默认端口号的方法步骤
2019/07/12 Python
Django自定义模板过滤器和标签的实现方法
2019/08/21 Python
巴塞罗那观光通票:Barcelona Pass
2019/10/30 全球购物
27个经典Linux面试题及答案,你知道几个?
2014/03/11 面试题
成人大专生实习期的自我评价
2013/10/02 职场文书
大学运动会通讯稿
2014/01/28 职场文书
致标枪运动员广播稿
2014/02/06 职场文书
暑期研修感言
2014/02/17 职场文书
党员教师群众路线个人整改措施
2014/10/28 职场文书
《月光曲》教学反思
2016/02/16 职场文书