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 相关文章推荐
自动完成JS类(纯JS, Ajax模式)
Mar 12 Javascript
js 连接数据库如何操作数据库中的数据
Nov 23 Javascript
javascript基础之查找元素的详细介绍(访问节点)
Jul 05 Javascript
js动态改变select选择变更option的index值示例
Jul 10 Javascript
基于jQuery实现简单的折叠菜单效果
Nov 23 Javascript
一次$.getJSON不执行的简单记录
Jul 19 Javascript
谈谈PHP中相对路径的问题与绝对路径的使用
Aug 16 Javascript
JS变量中有var定义和无var定义的区别以及es6中let命令和const命令
Feb 19 Javascript
微信小程序实现瀑布流布局与无限加载的方法详解
May 12 Javascript
vue 检测用户上传图片宽高的方法
Feb 06 Javascript
vue实现购物车加减
May 30 Javascript
Nuxt的动态路由和参数校验操作
Nov 09 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
php 搜索框提示(自动完成)实例代码
2012/02/05 PHP
php使用正则表达式进行字符串搜索的方法
2015/03/23 PHP
PHP使用Face++接口开发微信公众平台人脸识别系统的方法
2015/04/17 PHP
php数据结构之顺序链表与链式线性表示例
2018/01/22 PHP
PHP实现八皇后算法
2019/05/06 PHP
JavaScript 变量基础知识
2009/11/07 Javascript
JavaScript之引用类型介绍
2012/08/10 Javascript
Extjs中通过Tree加载右侧TabPanel具体实现
2013/05/05 Javascript
使用iojs的jsdom库实现同步系统时间
2015/04/20 Javascript
jquery ui resize 中border-box的bug修正
2015/04/26 Javascript
基于jQuery实现音乐播放试听列表
2016/04/14 Javascript
详解js中的apply与call的用法
2016/07/30 Javascript
js实现四舍五入完全保留两位小数的方法
2016/08/02 Javascript
D3.js封装文本实现自动换行和旋转平移等功能
2016/10/14 Javascript
vue.js指令v-model实现方法
2016/12/05 Javascript
JavaWeb表单及时验证功能在输入后立即验证(含用户类型,性别,爱好...的验证)
2017/06/09 Javascript
微信小程序实现获取自己所处位置的经纬度坐标功能示例
2017/11/30 Javascript
JS/HTML5游戏常用算法之路径搜索算法 A*寻路算法完整实例
2018/12/14 Javascript
Node.js如何对SQLite的async/await封装详解
2019/02/14 Javascript
原生js实现贪食蛇小游戏的思路详解
2019/11/26 Javascript
[03:09]DOTA2亚洲邀请赛 LGD战队出场宣传片
2015/02/07 DOTA
[01:30:15]DOTA2-DPC中国联赛 正赛 Ehome vs Aster BO3 第二场 2月2日
2021/03/11 DOTA
python 调用c语言函数的方法
2017/09/29 Python
pandas 实现将重复表格去重,并重新转换为表格的方法
2018/04/18 Python
详谈pandas中agg函数和apply函数的区别
2018/04/20 Python
python实现键盘控制鼠标移动
2020/11/27 Python
详解利用python+opencv识别图片中的圆形(霍夫变换)
2019/07/01 Python
python中selenium操作下拉滚动条的几种方法汇总
2019/07/14 Python
Python的条件锁与事件共享详解
2019/09/12 Python
利用python生成照片墙的示例代码
2020/04/09 Python
Python通过fnmatch模块实现文件名匹配
2020/09/30 Python
Expedia瑞典官网:预订度假屋、酒店、汽车租赁、机票等
2021/01/23 全球购物
老师自我鉴定范文
2013/12/25 职场文书
MySQL连接查询你真的学会了吗?
2021/06/02 MySQL
Node.js实现断点续传
2021/06/23 Javascript
win10双系统怎么删除一个系统?win10电脑有两个系统删除一个的操作方法
2022/07/15 数码科技