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文件的小脚本
Jun 28 Javascript
Javascript 函数中的参数使用分析
Mar 27 Javascript
各情景下元素宽高的获取实现代码
Sep 13 Javascript
检测input每次的输入是否合法遇到汉字输入就有问题
May 23 Javascript
jQuery.prop() 使用详解
Jul 19 Javascript
AngularJS 实现JavaScript 动画效果详解
Sep 08 Javascript
使用openSpeDiv方法实现Ecshop登录弹窗框效果
Mar 13 Javascript
Web制作验证码功能实例代码
Jun 19 Javascript
给localStorage设置一个过期时间的方法分享
Nov 06 Javascript
微信小程序制作表格的方法
Feb 14 Javascript
如何在wxml中直接写js代码(wxs)
Nov 14 Javascript
jQuery实现简单飞机大战
Jul 05 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操作mysql数据库类
2014/12/08 PHP
javascript据option的value值快速设定初始的selected选项
2007/08/13 Javascript
JavaScript CSS修改学习第六章 拖拽
2010/02/19 Javascript
JS 打印界面的CSS居中代码适用所有浏览器
2014/03/19 Javascript
Ext修改GridPanel数据和字体颜色、css属性等
2014/06/13 Javascript
jquery实现侧边弹出的垂直导航
2014/12/09 Javascript
JavaScript中常用的六种互动方法示例
2015/03/13 Javascript
如何用angularjs制作一个完整的表格
2016/01/21 Javascript
浅谈js的url解析函数封装
2016/06/28 Javascript
用js屏蔽被http劫持的浮动广告实现方法
2017/08/10 Javascript
windows下更新npm和node的方法
2017/11/30 Javascript
使用JSON格式提交数据到服务端的实例代码
2018/04/01 Javascript
微信小程序实现的3d轮播图效果示例【基于swiper组件】
2018/12/11 Javascript
vue 实现微信浮标效果
2019/09/01 Javascript
JS实现灯泡开关特效
2020/03/30 Javascript
JQuery使用数组遍历跳出each循环
2020/09/01 jQuery
在vue中获取wangeditor的html和text的操作
2020/10/23 Javascript
通过vue.extend实现消息提示弹框的方法记录
2021/01/07 Vue.js
[00:58]2016年国际邀请赛勇士令状宣传片
2016/06/01 DOTA
[10:28]2018DOTA2国际邀请赛寻真——VGJ.S寻梦之路
2018/08/15 DOTA
Python WSGI的深入理解
2018/08/01 Python
Python hexstring-list-str之间的转换方法
2019/06/12 Python
python3 tkinter实现点击一个按钮跳出另一个窗口的方法
2019/06/13 Python
解决django 新增加用户信息出现错误的问题
2019/07/28 Python
Python 迭代,for...in遍历,迭代原理与应用示例
2019/10/12 Python
基于Tensorflow批量数据的输入实现方式
2020/02/05 Python
幼儿园家长会邀请函
2014/01/15 职场文书
教育学习自我评价
2014/02/03 职场文书
建筑公司员工自我鉴定
2014/04/08 职场文书
小区物业门卫岗位职责
2014/04/10 职场文书
目标管理责任书
2014/04/15 职场文书
社区平安建设汇报材料
2014/08/14 职场文书
大学生党员个人总结
2015/02/13 职场文书
大学校园餐饮创业计划书
2019/08/07 职场文书
Python中time与datetime模块使用方法详解
2022/03/31 Python
MySQL如何使备份得数据保持一致
2022/05/02 MySQL