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 相关文章推荐
Jquery为a标签的href赋值实现代码
May 03 Javascript
浅谈checkbox的一些操作(实战经验)
Nov 20 Javascript
ie9 提示'console' 未定义问题的解决方法
Mar 20 Javascript
ext中store.load跟store.reload的区别示例介绍
Jun 17 Javascript
javascript中this的四种用法
May 11 Javascript
jQuery手动点击实现图片轮播特效
Apr 20 Javascript
浅谈js里面的InttoStr和StrtoInt
Jun 14 Javascript
JavaScript正则表达式简单实用实例
Jun 23 Javascript
vue中appear的用法
Aug 17 Javascript
JS实现数组的增删改查操作示例
Aug 29 Javascript
vue axios封装及API统一管理的方法
Apr 18 Javascript
jQuery实现动态生成年月日级联下拉列表示例
May 11 jQuery
基于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
PHP对文件进行加锁、解锁实例
2015/01/23 PHP
PHP SPL标准库之数据结构栈(SplStack)介绍
2015/05/12 PHP
yii2.0实现pathinfo的形式访问的配置方法
2016/04/06 PHP
PHP实现限制域名访问的实现代码(本地验证)
2020/09/13 PHP
js 获取中文拼音,Select自动匹配字母获取值的代码
2009/09/23 Javascript
js返回前一页刷新本页重载页面
2014/07/29 Javascript
Javascript中Array.prototype.map()详解
2014/10/22 Javascript
PHPExcel中的一些常用方法汇总
2015/01/23 Javascript
分享自己用JS做的扫雷小游戏
2016/02/17 Javascript
基于JavaScript实现鼠标箭头移动图片跟着移动
2016/08/30 Javascript
jQuery基本筛选选择器实例代码
2017/02/06 Javascript
你真的了解BOM中的history对象吗
2017/02/13 Javascript
Angular中$state.go页面跳转并传递参数的方法
2017/05/09 Javascript
微信小程序 新建登录页并实现tabBar隐藏
2017/06/13 Javascript
Node.js 回调函数实例详解
2017/07/06 Javascript
ReactNative页面跳转Navigator实现的示例代码
2017/08/02 Javascript
JavaScript之创意时钟项目(实例讲解)
2017/10/23 Javascript
利用Node.js检测端口是否被占用的方法
2017/12/07 Javascript
Vue 中的compile操作方法
2018/02/26 Javascript
python中lambda()的用法
2017/11/16 Python
1分钟快速生成用于网页内容提取的xslt
2018/02/23 Python
python DataFrame获取行数、列数、索引及第几行第几列的值方法
2018/04/08 Python
Python实现带参数的用户验证功能装饰器示例
2018/12/14 Python
python 实现交换两个列表元素的位置示例
2019/06/26 Python
python路径的写法及目录的获取方式
2019/12/26 Python
python对输出的奇数偶数排序实例代码
2020/12/04 Python
女装和独特珠宝:Sundance Catalog
2018/09/19 全球购物
The Body Shop美体小铺西班牙官网:天然化妆品
2019/06/21 全球购物
大学生实习期自我评价范文
2013/10/03 职场文书
医学院学生求职简历的自我评价
2013/10/24 职场文书
审计工作个人的自我评价
2013/12/25 职场文书
学习十八大报告感言
2014/02/04 职场文书
2016年敬老月活动总结
2016/04/05 职场文书
Python基础之Socket通信原理
2021/04/22 Python
Spring实现内置监听器
2021/07/09 Java/Android
Java Socket实现多人聊天系统
2021/07/15 Java/Android