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

爱你2012周莉

爱你2012周莉

2016-02-19 15:58

有了下面这个jquery text,radio,checkbox,select操作实现代码教程,不懂jquery text,radio,checkbox,select操作实现代码的也能装懂了,赶紧get起来装逼一下吧!
控制表单元素:

文本框,文本区域:
$("#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/optionoption value='2'2222/option").appendTo("#sel")//添加下拉框的option
$("#sel").empty();//清空下拉框
$('#select_id')[0].selectedIndex = 1;//下拉框的第二个元素为当前选中值
展开更多 50%)
分享

猜你喜欢

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

Web开发
jquery text,radio,checkbox,select操作实现代码

Jquery操作radio,checkbox,select表单操作实现代码

Web开发
Jquery操作radio,checkbox,select表单操作实现代码

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Jquery 获取表单text,areatext,radio,checkbox,select值的代码

Web开发
Jquery 获取表单text,areatext,radio,checkbox,select值的代码

jQuery select的操作实现代码

Web开发
jQuery select的操作实现代码

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

jquery select操作的日期联动实现代码

Web开发
jquery select操作的日期联动实现代码

jQuery checkbox全选/取消全选实现代码

Web开发
jQuery checkbox全选/取消全选实现代码

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

WordPress JQuery处理沙发头像

WordPress JQuery处理沙发头像

Java入门学习指导之最佳方向

Java入门学习指导之最佳方向
下拉加载更多内容 ↓