jquery form 表单操作
1. 绑定跟解除绑定
$(function(){
$("#saveBackButton").attr("onclick",'').unbind('click').click(function(){
window.location.href='';
});
});
2.获取一组radio被选中项的值
var item = $('input[@name=items][@checked]').val();
3.获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
4.radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;
获取值:
文本框,文本区域:$("#txt").attr("value");
多选框checkbox:$("#checkbox_id").attr("value");
单选组radio: $("input[type=radio][@checked]").val();
下拉框select: $('#sel').val();
控制表单元素:
文本框,文本区域:$("#txt").attr("value",'');//清空内容
$("#txt").attr("value",'11');//填充内容
多选框checkbox: $("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾
单选组radio:
$("input[type=radio][value=2]").attr("checked","true");//设置value=2的项目为当前选中项
//取得下拉選單的選取值
alert($("#testSelect option:selected").text());
alert($("#testSelect").find('option:selected').text());
alert($("#testSelect").val());
alert($("select[@name='country'] option[selected]").text()); //得到下拉菜单的选中项的文本(注意中间有空格)有多个select就显示多个
alert($('select[name="country"]').val()); //得到下拉菜单的选中项的值
alert($('select[name="country"]').attr("id")); //得到下拉菜单的选中项的ID属性值
获取select 选中项:
JQuery获取和设置Select选项
获取Select :
获取select 选中的 text :
$("#ddlRegType").find("option:selected").text();
获取select选中的 value:
$("#ddlRegType ").val();
获取select选中的索引:
$("#ddlRegType ").get(0).selectedIndex;
设置select:
设置select 选中的索引:
$("#ddlRegType ").get(0).selectedIndex=index;//index为索引值
设置select 选中的value:
$("#ddlRegType ").attr("value","Normal“);
$("#ddlRegType ").val("Normal");
$("#ddlRegType ").get(0).value = value;
设置select 选中的text:
var count=$("#ddlRegType option").length;
for(var i=0;i<count;i++)
{ if($("#ddlRegType
").get(0).options[i].text == text)
{
$("#ddlRegType ").get(0).options[i].selected = true;
break;
}
}
清空 Select:
$("#ddlRegType ").empty();
=============================================
jquery判断页面内所有文本框不为空
var FLAG = true; //验证是否通过的标志
$(":text").each(function() {
if ($(this).val().length < 1) {
FLAG = false;
return false;//退出each循环
}
});
if (!FLAG) alert('文本框必须填写');
return FLAG