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中的hasOwnProperty和isPrototypeOf方法使用实例
Jun 06 Javascript
IE6浏览器中window.location.href无效的解决方法
Nov 20 Javascript
javascript下拉列表菜单的实现方法
Nov 18 Javascript
javascript的 {} 语句块详解
Feb 27 Javascript
Angular和Vue双向数据绑定的实现原理(重点是vue的双向绑定)
Nov 22 Javascript
JS实现加载时锁定HTML页面元素的方法
Jun 24 Javascript
weex slider实现滑动底部导航功能
Aug 28 Javascript
jQuery zTree 异步加载添加子节点重复问题
Nov 29 jQuery
Vue实现开心消消乐游戏算法
Oct 22 Javascript
nodemon实现Typescript项目热更新的示例代码
Nov 19 Javascript
js实现上传图片并显示图片名称
Dec 18 Javascript
JavaScript enum枚举类型定义及使用方法
May 15 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
咖啡磨器 如何选购一台适合家用的意式磨豆机
2021/03/05 新手入门
php操作sqlserver关于时间日期读取的小小见解
2009/11/29 PHP
yii2学习教程之5种内置行为类详解
2017/08/03 PHP
javascript 循环读取JSON数据的代码
2010/07/17 Javascript
EasyUI的treegrid组件动态加载数据问题的解决办法
2011/12/11 Javascript
JavaScript在多浏览器下for循环的使用方法
2012/11/07 Javascript
JavaScript中的常见问题解决方法(乱码,IE缓存,代理)
2013/11/28 Javascript
浅析jquery的js图表组件highcharts
2014/03/06 Javascript
js图片预加载示例
2014/04/30 Javascript
jQuery中prepend()方法用法实例
2014/12/25 Javascript
jQuery插件MixItUp实现动画过滤和排序
2015/04/12 Javascript
详解JavaScript中的异常处理方法
2015/06/16 Javascript
代码分析jQuery四种静态方法使用
2015/07/23 Javascript
分享JavaScript与Java中MD5使用两个例子
2015/12/23 Javascript
关于session和cookie的简单理解
2016/06/08 Javascript
Javascript中作用域的详细介绍
2016/10/06 Javascript
Java  Spring 事务回滚详解
2016/10/17 Javascript
Javascript实现一个简单的输入关键字添加标签效果实例
2017/06/01 Javascript
React Native预设占位placeholder的使用
2017/09/28 Javascript
详解swiper在vue中的应用(以3.0为例)
2018/09/20 Javascript
详解Jest结合Vue-test-utils使用的初步实践
2019/06/27 Javascript
在博客园博文中添加自定义右键菜单的方法详解
2020/02/05 Javascript
Python中对象迭代与反迭代的技巧总结
2016/09/17 Python
关于python列表增加元素的三种操作方法
2018/08/22 Python
Python 访问限制 private public的详细介绍
2018/10/16 Python
python同义词替换的实现(jieba分词)
2020/01/21 Python
Python selenium爬取微信公众号文章代码详解
2020/08/12 Python
《童趣》教学反思
2014/02/19 职场文书
汽车专业求职信
2014/06/05 职场文书
法定代表人资格证明书
2015/06/18 职场文书
化验室安全管理制度
2015/08/06 职场文书
2019年员工晋升管理制度范本!
2019/07/08 职场文书
创业计划书之DIY自助厨房
2019/09/06 职场文书
PyQt5爬取12306车票信息程序的实现
2021/05/14 Python
Nginx速查手册及常见问题
2022/04/07 Servers
css清除浮动clearfix:after的用法详解(附完整代码)
2023/05/21 HTML / CSS