教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 jquery text,radio,checkbox,select操作实现代码

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

发布时间:2013-09-15   编辑:jiaochengji.com
学习jquery的朋友看参考下,对form等文本框的一些控制实现代码。
学习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;//下拉框的第二个元素为当前选中值

您可能感兴趣的文章:
jquery 获取表单元素里面的值示例代码
Jquery操作radio,checkbox,select表单操作实现代码
Jquery中的CheckBox、RadioButton、DropDownList的取值赋值实现代码
使用纯CSS美化radio框和checkbox框的例子
jquery获取input表单值的代码
Jquery操作radio,checkbox,select表单实例
jquery操作radio、checkbox、select的实例代码
jquery text,radio,checkbox,select操作实现代码
Jquery 获取表单text,areatext,radio,checkbox,select值的代码
JQuery操作三大控件(下拉,单选,复选)的方法

[关闭]
~ ~