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 相关文章推荐
iis6+javascript Add an Extension File
Jun 13 Javascript
通过javascript的匿名函数来分析几段简单有趣的代码
Jun 29 Javascript
编程语言JavaScript简介
Oct 16 Javascript
详解JavaScript的表达式与运算符
Nov 30 Javascript
js设置和获取自定义属性的方法
Oct 20 Javascript
fullPage.js和CSS3实现全屏滚动效果
May 05 Javascript
JavaScript实现HTML5游戏断线自动重连的方法
Sep 18 Javascript
在Vue中使用highCharts绘制3d饼图的方法
Feb 08 Javascript
全站最详细的Vuex教程
Apr 13 Javascript
Windows下支持自动更新的Electron应用脚手架的方法
Dec 24 Javascript
微信小程序版本自动更新的方法
Jun 14 Javascript
弱类型语言javascript中 a,b 的运算实例小结
Aug 07 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
资料注册后发信小技巧
2006/10/09 PHP
实用函数3
2007/11/08 PHP
asp和php下textarea提交大量数据发生丢失的解决方法
2008/01/20 PHP
php实现的一个简单json rpc框架实例
2015/03/30 PHP
PDO::exec讲解
2019/01/28 PHP
JS复制内容到剪切板的实例代码(兼容IE与火狐)
2013/11/19 Javascript
jquery form 隐藏的input 选择
2014/04/29 Javascript
JavaScript二维数组实现的省市联动菜单
2014/05/08 Javascript
jQuery中clone()方法用法实例
2015/01/16 Javascript
input 禁止输入特殊字符的四种实现方式
2016/08/24 Javascript
基于javascript的Form表单验证
2016/12/29 Javascript
js实现无缝滚动图(可控制当前滚动的方向)
2017/02/22 Javascript
详解vue项目的构建,打包,发布全过程
2017/11/23 Javascript
关于JavaScript语句后面的分号问题
2017/12/07 Javascript
Vue中的Props(不可变状态)
2018/09/29 Javascript
Python实现的数据结构与算法之基本搜索详解
2015/04/22 Python
Python使用gensim计算文档相似性
2016/04/10 Python
Python 对象中的数据类型
2017/05/13 Python
用Python写一段用户登录的程序代码
2018/04/22 Python
Tensorflow之Saver的用法详解
2018/04/23 Python
解决Python pandas df 写入excel 出现的问题
2018/07/04 Python
Python中Numpy mat的使用详解
2019/05/24 Python
解决python有时候import不了当前的包问题
2019/08/28 Python
在Python中使用MongoEngine操作数据库教程实例
2019/12/03 Python
PyCharm Anaconda配置PyQt5开发环境及创建项目的教程详解
2020/03/24 Python
BannerBuzz加拿大:在线定制横幅印刷、广告和标志
2020/03/10 全球购物
外贸公司实习自我鉴定
2013/09/24 职场文书
大学生毕业自我评价范文分享
2013/11/11 职场文书
初一体育教学反思
2014/01/29 职场文书
企业办公室主任岗位职责
2014/02/19 职场文书
小学生暑假家长评语
2014/04/17 职场文书
面试自我介绍演讲稿
2014/04/29 职场文书
何玥事迹观后感
2015/06/16 职场文书
php 防护xss,PHP的防御XSS注入的终极解决方案
2021/04/01 PHP
SQLServer2019 数据库的基本使用之图形化界面操作的实现
2021/04/08 SQL Server
MySQL慢查询优化解决问题
2022/03/17 MySQL