当前位置: 首页 > 图文教程 > 网络编程 > Javascript > jquery text,radio,checkbox,select操作实现代码

Javascript
写的htc的数据表格
幻宇的层模拟窗口效果-提供演示和下载
javascript 播放器 控制
一个无限级XML绑定跨框架菜单(For IE)
innerHTML,outerHTML,innerTEXT三者之间的区别
无间断滚动的新闻文章列表 多浏览器兼容
图片连续不间断滚动像册
关于图片验证码设计的思考
Js之软键盘实现(js源码)
js技巧收集(200多个) 超强推荐
图片自动播放也可通过按钮控制显示
照片各部分的彩色与黑白交替更换
select发展史 超强
无聊,写了个日历程序,欢迎拍砖
greybox:不开新窗口看新的网页
nicejforms:美化表单不用愁
用jquery来定位
动态调用css文件:jquery的应用
用YUI做了个标签浏览效果
JS轻松实现CSS设置,DIV+CSS常用CSS设置

Javascript 中的 jquery text,radio,checkbox,select操作实现代码


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 430 ::
收藏到网摘: n/a

学习jquery的朋友看参考下,对form等文本框的一些控制实现代码。 控制表单元素:
文本框,文本区域:
$("#txt").attr("value")或者$("#txt").val()//获取值
$("#txt").attr("value",'');//清空内容
$("#txt").attr("value",'11');//填充内容
多选框checkbox:
$("#checkbox_id").attr("value")或者$("#checkbox_id").val();//获取值
$("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')) //判断是否已经打勾
单选组radio:
$("input[type=radio][checked]").val();//获取值
$("input[name=tt]").attr("checked",'value2');//设置value='value2'的项目为当前选中项
$("input[name=items]").get(1).checked = true;//第二个元素为当前选中值
下拉框select:
$("select[name=topSearch] option[selected]").val();//获取值
$("select[name=topSearch] option[selected]").text();//获取显示内容
$("#sel").attr("value",'sel3');//设置value='sel3'的项目为当前选中项
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框
$('#select_id')[0].selectedIndex = 1;//下拉框的第二个元素为当前选中值