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 相关文章推荐
javascript的函数
Jan 31 Javascript
JavaScript中Math对象使用说明
Jan 16 Javascript
javascript最常用与实用的创建类的代码
Aug 12 Javascript
JavaScript与Div对层定位和移动获得坐标的实现代码
Sep 08 Javascript
TypeError document.getElementById(...) is null错误原因
May 18 Javascript
jquery判断input值不为空的方法
Jun 05 Javascript
微信小程序 检查接口状态实例详解
Jun 23 Javascript
学习JS中的DOM节点以及操作
Apr 30 Javascript
React父子组件间的传值的方法
Nov 13 Javascript
Vue-cli3.X使用px2 rem遇到的问题及解决方法
Aug 08 Javascript
Vue使用NProgress进度条的方法
Sep 21 Javascript
JavaScript写个贪吃蛇小游戏(超详细)
Mar 17 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
zf框架的数据库追踪器使用示例
2014/03/13 PHP
CI框架中zip类应用示例
2014/06/17 PHP
基于PHP的简单采集数据入库程序【续篇】
2014/07/30 PHP
php实现专业获取网站SEO信息类实例
2015/04/02 PHP
PHP获取当前相对于域名目录的方法
2015/06/26 PHP
PHP数组去重比较快的实现方式
2016/01/19 PHP
javascript设计模式 封装和信息隐藏(上)
2012/07/24 Javascript
jQuery获取和设置表单元素的方法
2014/02/14 Javascript
分析了一下JQuery中的extend方法实现原理
2015/02/27 Javascript
javascript中mouseover、mouseout使用详解
2015/07/19 Javascript
Jquery ajax 同步阻塞引起的UI线程阻塞问题
2015/11/17 Javascript
javascript 数组的定义和数组的长度
2016/06/07 Javascript
JS实现字符串转驼峰格式的方法
2016/12/16 Javascript
nodejs简单访问及操作mysql数据库的方法示例
2018/03/15 NodeJs
AngularJS模态框模板ngDialog的使用详解
2018/05/11 Javascript
Vue单页及多页应用全局配置404页面实践记录
2018/05/22 Javascript
vue的keep-alive中使用EventBus的方法
2019/04/23 Javascript
Vue实现PC端靠边悬浮球的代码
2020/05/09 Javascript
使用 Opentype.js 生成字体子集的实例代码详解
2020/05/25 Javascript
下载给定网页上图片的方法
2014/02/18 Python
python中实现延时回调普通函数示例代码
2017/09/08 Python
解决每次打开pycharm直接进入项目的问题
2018/10/28 Python
python识别图像并提取文字的实现方法
2019/06/28 Python
解决Django加载静态资源失败的问题
2019/07/28 Python
Python 中使用 PyMySQL模块操作数据库的方法
2019/11/10 Python
Python递归函数特点及原理解析
2020/03/04 Python
基于python实现模拟数据结构模型
2020/06/12 Python
Python环境配置实现pip加速过程解析
2020/11/27 Python
python excel和yaml文件的读取封装
2021/01/12 Python
玩具反斗城美国官网:Toys"R"Us
2016/09/17 全球购物
Spongelle官网:美国的创意护肤洗护品牌
2019/05/15 全球购物
HSRP的含义以及如何工作
2014/09/10 面试题
大学生工作推荐信范文
2013/12/02 职场文书
愚人节活动策划方案
2014/03/11 职场文书
初中开学典礼新闻稿
2015/07/17 职场文书
2016年社区六一儿童节活动总结
2016/04/06 职场文书