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 相关文章推荐
jQuery Ajax异步处理Json数据详解
Nov 05 Javascript
利用javascript实现禁用网页上所有文本框,下拉菜单,多行文本域
Dec 14 Javascript
JavaScript异步加载浅析
Dec 28 Javascript
JavaScript实现获得所有兄弟节点的方法
Jul 23 Javascript
jQuery入门基础知识学习指南
Aug 14 Javascript
JavaScript jQuery 中定义数组与操作及jquery数组操作
Dec 18 Javascript
JavaScript reduce和reduceRight详解
Oct 24 Javascript
JS实现课堂随机点名和顺序点名
Mar 09 Javascript
Vue.js数据绑定之data属性
Jul 07 Javascript
浅谈vue项目优化之页面的按需加载(vue+webpack)
Dec 11 Javascript
Angular CLI 使用教程指南参考小结
Apr 10 Javascript
iview实现动态表单和自定义验证时间段重叠
Jan 10 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投票程序源码
2007/03/11 PHP
ajax完美实现两个网页 分页功能的实例代码
2013/04/16 PHP
PHP的基本常识小结
2013/07/05 PHP
php示例详解Constructor Prototype Pattern 原型模式
2015/10/15 PHP
php变量与JS变量实现不通过跳转直接交互的方法
2017/08/25 PHP
PHP微信支付结果通知与回调策略分析
2019/01/10 PHP
PHP反射实际应用示例
2019/04/03 PHP
jQuery bind事件使用详解
2011/05/05 Javascript
jquery连缀语法如何实现
2012/11/29 Javascript
JQUERY 设置SELECT选中项代码
2014/02/07 Javascript
JS判断字符串长度的5个方法(区分中文和英文)
2014/03/18 Javascript
javascript 面向对象封装与继承
2014/11/27 Javascript
JavaScript采用递归算法计算阶乘实例
2015/08/04 Javascript
JS实现的论坛Ajax打分效果完整实例
2015/10/31 Javascript
[原创]jQuery常用的4种加载方式分析
2016/07/25 Javascript
浅谈js中几种实用的跨域方法原理详解
2016/12/02 Javascript
微信小程序 picker 组件详解及简单实例
2017/01/10 Javascript
Canvas实现动态的雪花效果
2017/02/13 Javascript
JS实现的走迷宫小游戏完整实例
2017/07/19 Javascript
浅谈nodejs中的类定义和继承的套路
2017/07/26 NodeJs
vue router的基本使用和配置教程
2018/11/05 Javascript
javascript实现5秒倒计时并跳转功能
2019/06/20 Javascript
在Python中定义一个常量的方法
2018/11/10 Python
Python自定义一个类实现字典dict功能的方法
2019/01/19 Python
Python利用WMI实现ping命令的例子
2019/08/14 Python
New Balance加拿大官方网站:运动鞋和健身服装
2018/11/19 全球购物
《乌鸦和狐狸》教学反思
2014/02/08 职场文书
敬老院院长事迹材料
2014/05/21 职场文书
乡镇党建工作汇报材料
2014/08/14 职场文书
2014年学校党建工作汇报材料
2014/11/02 职场文书
酒店辞职信怎么写
2015/02/27 职场文书
英语辞职信怎么写
2015/02/28 职场文书
2015年创先争优工作总结
2015/05/23 职场文书
换届选举主持词
2015/07/03 职场文书
低端且暴利的线上线下创业项目分享
2019/09/03 职场文书
CSS3 制作的图片滚动效果
2021/04/14 HTML / CSS