jQuery对表单元素的取值和赋值操作代码


Posted in Javascript onMay 19, 2011

$("#keyword")[0].value = "";

/*获得TEXT.AREATEXT的值*/
var textval = $("#text_id").attr("value");
//或者
var textval = $("#text_id").val();

/*获取单选按钮的值*/
var valradio = $("input[type=radio]:checked").val();

/*获取一组名为(items)的radio被选中项的值*/
var item = $('input[name=items]:checked').val();

/*获取复选框的值*/
var checkboxval = $("#checkbox_id").attr("value");

/*获取下拉列表的值*/
var selectval = $('#select_id').val();

/*文本框,文本区域*/
$("#text_id").attr("value",");//清空内容
$("#text_id").attr("value",'test');//填充内容

/*多选框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的项目为当前选中项
$("testtest2").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();
});
jQuery对html元素取值与赋值

Jquery给基本控件的取值、赋值 TEXTBOX: var str = $('#txt').val(); $('#txt').val("Set Lbl Value"); //文本框,文本区域: $("#text_id").attr("value",'');//清空内容 $("#text_id").attr("value",'test');// 填充内容
Jquery给基本控件的取值、赋值

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();
});
摘要: Jquery给基本控件的取值、赋值 TEXTBOX: var str = $('#txt').val(); $('#txt').val("Set Lbl Value"); //文本框,文本区域: $("#text_id").attr("value",'');//清空内容 $("#text_id").attr("value",'test');// 填充内容
Jquery给基本控件的取值、赋值

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 相关文章推荐
ie focus bug 解决方法
Sep 03 Javascript
一个XML格式数据转换为图表的例子
Feb 09 Javascript
在VS2008中使用jQuery智能感应的方法
Dec 30 Javascript
JS 获取浏览器和屏幕宽高等信息代码
Mar 31 Javascript
js实现的二级横向菜单条实例
Aug 22 Javascript
Javascript数组Array基础介绍
Mar 13 Javascript
原生javascript+css3编写的3D魔方动画旋扭特效
Mar 14 Javascript
分享JS数组求和与求最大值的方法
Aug 11 Javascript
关于Bootstrap按钮组件消除黄框的方法
May 19 Javascript
bootstrap+jQuery实现的动态进度条功能示例
May 25 jQuery
express 项目分层实践详解
Dec 10 Javascript
微信小程序实现的一键连接wifi功能示例
Apr 24 Javascript
基于jquery的button默认enter事件(回车事件)。
May 18 #Javascript
jquery构造器的实现代码小结
May 16 #Javascript
让innerText在firefox火狐和IE浏览器都能用的写法
May 14 #Javascript
模仿百度三维地图的js数据分享
May 12 #Javascript
javascript数组去掉重复
May 12 #Javascript
javascript 弹出层组件(升级版)
May 12 #Javascript
ExtJS4 组件化编程,动态加载,面向对象,Direct
May 12 #Javascript
You might like
地球防卫队:陪着奥特曼打小怪兽的人类力量 那些经典队服
2020/03/08 日漫
几个php应用技巧
2008/03/27 PHP
几种有用的变型 PHP中循环语句的用法介绍
2012/01/30 PHP
php+mysql查询优化简单实例
2015/01/13 PHP
PHP封装的非对称加密RSA算法示例
2018/05/28 PHP
PHP使用phpunit进行单元测试示例
2019/09/23 PHP
JQuery设置和去除disabled属性的5种方法总结
2013/05/16 Javascript
AngularJs学习第五篇从Controller控制器谈谈$scope作用域
2016/06/08 Javascript
JavaScript设计模式之单例模式详解
2017/06/09 Javascript
vue环境搭建简单教程
2017/11/07 Javascript
jQuery实现checkbox的简单操作
2017/11/18 jQuery
js常见遍历操作小结
2019/06/06 Javascript
vue实现将一个数组内的相同数据进行合并
2019/11/07 Javascript
JavaScript组合设计模式--改进引入案例分析
2020/05/23 Javascript
JS出现404错误原理及解决方案
2020/07/01 Javascript
使用js原生实现年份轮播选择效果实例
2021/01/12 Javascript
[02:16]完美世界DOTA2联赛PWL S3 集锦第三期
2020/12/21 DOTA
详解PyTorch批训练及优化器比较
2018/04/28 Python
解决python3捕获cx_oracle抛出的异常错误问题
2018/10/18 Python
python列表,字典,元组简单用法示例
2019/07/11 Python
利用pyecharts读取csv并进行数据统计可视化的实现
2020/04/17 Python
移动端html5 meta标签的神奇功效
2016/01/06 HTML / CSS
HTML5 Web缓存和运用程序缓存(cookie,session)
2018/01/11 HTML / CSS
加拿大在线隐形眼镜专家:PerfectLens.ca
2016/11/19 全球购物
SkinCeuticals官网:美国药妆品牌
2018/04/19 全球购物
波兰在线儿童和婴儿用品零售商:pinkorblue
2019/06/29 全球购物
Auguste The Label官网:澳大利亚一家精品女装时尚品牌
2020/06/14 全球购物
幼儿教师自我鉴定
2013/11/02 职场文书
涉外经济法专业毕业生推荐信
2013/11/24 职场文书
往来会计岗位职责
2013/12/19 职场文书
《英英学古诗》教学反思
2014/04/11 职场文书
安全协议书
2014/04/23 职场文书
奥林匹克运动会口号
2014/06/19 职场文书
郭明义观后感
2015/06/08 职场文书
《蚂蚁和蝈蝈》教学反思
2016/02/22 职场文书
php TP5框架生成二维码链接
2021/04/01 PHP