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 相关文章推荐
深入解析contentWindow, contentDocument
Jul 04 Javascript
js正则表达式的使用详解
Jul 09 Javascript
基于JQuery实现图片轮播效果(焦点图)
Feb 02 Javascript
简述JavaScript提交表单的方式 (Using JavaScript Submit Form)
Mar 18 Javascript
bootstrap-wysiwyg结合ajax实现图片上传实时刷新功能
May 27 Javascript
Bootstrap如何创建表单
Oct 21 Javascript
javascript实现简单的ajax封装示例
Dec 28 Javascript
js实现消息滚动效果
Jan 18 Javascript
如何解决.vue文件url引用文件的问题
Jan 18 Javascript
vue 框架下自定义滚动条(easyscroll)实现方法
Aug 29 Javascript
vue elementui 实现搜索栏公共组件封装的实例代码
Jan 20 Javascript
JQuery实现折叠式菜单的详细代码
Jun 03 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 判断变量类型实现代码
2009/10/23 PHP
最新用php获取谷歌PR值算法,附上php查询PR值代码示例
2011/12/25 PHP
WordPress过滤垃圾评论的几种主要方法小结
2016/07/11 PHP
php curl批处理实现可控并发异步操作示例
2018/05/09 PHP
javascript学习笔记(十) js对象 继承
2012/06/19 Javascript
jQuery实现“扫码阅读”功能
2015/01/21 Javascript
JS制作简单的三级联动
2015/03/18 Javascript
纯javascript响应式树形菜单效果
2015/11/10 Javascript
借助FileReader实现将文件编码为Base64后通过AJAX上传
2015/12/24 Javascript
基于vuejs实现一个todolist项目
2017/04/11 Javascript
vue.js 双层嵌套for遍历的方法详解, 类似php foreach()
2018/09/07 Javascript
深入浅析js原型链和vue构造函数
2018/10/25 Javascript
深入解析Vue源码实例挂载与编译流程实现思路详解
2019/05/05 Javascript
JavaScript一元正号运算符示例代码
2019/06/30 Javascript
通过angular CDK实现页面元素拖放的步骤详解
2020/07/01 Javascript
JS异步宏队列微队列原理详解
2020/09/09 Javascript
编写Python爬虫抓取暴走漫画上gif图片的实例分享
2016/04/20 Python
磁盘垃圾文件清理器python代码实现
2020/08/24 Python
python爬取网易云音乐评论
2018/11/16 Python
Python进阶之@property动态属性的实现
2019/04/01 Python
python实现按行分割文件
2019/07/22 Python
对python 树状嵌套结构的实现思路详解
2019/08/09 Python
8段用于数据清洗Python代码(小结)
2019/10/31 Python
在Windows上安装和配置 Jupyter Lab 作为桌面级应用程序教程
2020/04/22 Python
Django model重写save方法及update踩坑详解
2020/07/27 Python
python如何导出微信公众号文章方法详解
2020/08/31 Python
使用Python通过oBIX协议访问Niagara数据的示例
2020/12/04 Python
详解Html5页面实现下载文件(apk、txt等)的三种方式
2018/10/22 HTML / CSS
init进程的作用
2015/08/20 面试题
String s = new String(“xyz”);创建了几个String Object?
2015/08/05 面试题
会计助理岗位职责
2014/02/17 职场文书
培训讲师岗位职责
2014/04/13 职场文书
党的群众路线教育实践活动学习笔记范文
2014/11/06 职场文书
员工辞退通知书
2015/04/17 职场文书
学生会宣传部竞选稿
2015/11/21 职场文书
浅谈mysql增加索引不生效的几种情况
2021/06/23 MySQL