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 相关文章推荐
nw.js实现类似微信的聊天软件
Mar 16 Javascript
简介JavaScript中的sub()方法的使用
Jun 08 Javascript
JS实现部分HTML固定页面顶部随屏滚动效果
Dec 24 Javascript
Jquery组件easyUi实现选项卡切换示例
Aug 23 Javascript
JS简单实现仿百度控制台输出信息效果
Sep 04 Javascript
学习vue.js表单控件绑定操作
Dec 05 Javascript
详解AngularJS验证、过滤器、指令
Jan 04 Javascript
javascript 组合按键事件监听实现代码
Feb 21 Javascript
对存在JavaScript隐式类型转换的四种情况的总结(必看篇)
Aug 31 Javascript
bootstrap Table的一些小操作
Nov 01 Javascript
基于Vue2x的图片预览插件的示例代码
May 14 Javascript
jquery ui 实现 tab标签功能示例【测试可用】
Jul 25 jQuery
客户端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
一个查看session内容的函数
2006/10/09 PHP
PHP生成月历代码
2007/06/14 PHP
PHP stream_context_create()作用和用法分析
2011/03/29 PHP
php 魔术方法详解
2014/11/11 PHP
基于PHP给大家讲解防刷票的一些技巧
2015/11/18 PHP
php实现博客,论坛图片防盗链的方法
2016/10/15 PHP
浅谈htmlentities 、htmlspecialchars、addslashes的使用方法
2016/12/09 PHP
js写出遮罩层登陆框和对联广告并自动跟随滚动条滚动
2014/04/29 Javascript
Javascript玩转继承(二)
2014/05/08 Javascript
实例讲解JS中数组Array的操作方法
2014/05/09 Javascript
Node.js的特点和应用场景介绍
2014/11/04 Javascript
jQuery EasyUI中DataGird动态生成列的方法
2016/04/05 Javascript
深入理解JavaScript函数参数(推荐)
2016/07/26 Javascript
JS文件上传神器bootstrap fileinput详解
2021/01/28 Javascript
angular分页指令操作
2017/01/09 Javascript
移动端刮刮乐的实现方式(js+HTML5)
2017/03/23 Javascript
在React 组件中使用Echarts的示例代码
2017/11/08 Javascript
vue脚手架中配置Sass的方法
2018/01/04 Javascript
微信小程序实现3D轮播图效果(非swiper组件)
2019/09/21 Javascript
微信小程序如何实现五星评价功能
2019/10/15 Javascript
在Linux命令行终端中使用python的简单方法(推荐)
2017/01/23 Python
Python基于hashlib模块的文件MD5一致性加密验证示例
2018/02/10 Python
python sys.argv[]用法实例详解
2018/05/25 Python
python随机在一张图像上截取任意大小图片的方法
2019/01/24 Python
如何基于python实现画不同品种的樱花树
2020/01/03 Python
Html5 FileReader实现即时上传图片功能实例代码
2014/09/01 HTML / CSS
Python里面如何实现tuple和list的转换
2012/06/13 面试题
工程部经理岗位职责
2013/12/08 职场文书
门卫岗位安全职责
2013/12/13 职场文书
媒矿安全生产承诺书
2014/05/23 职场文书
我的中国梦演讲稿500字
2014/08/19 职场文书
业绩倒数第一的检讨书
2014/09/24 职场文书
卖车协议书范本4篇
2014/10/01 职场文书
史上最牛的辞职信
2015/02/28 职场文书
建筑工程材料员岗位职责
2015/04/11 职场文书
党小组考察意见
2015/06/02 职场文书