软件开发培训班 >> 编程开发 >> JavaScript


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

　　本文标签：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;//下拉框的第二个元素为当前选中值