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 选中项:

$('#someId').prop('selectedIndex');
$('option:selected', '#someId').index();
$('#someId option').index($('#someId option:selected'))
============================================================

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

 

 

 

posted @ 2012-10-22 08:57  高山-景行  阅读(223)  评论(0编辑  收藏  举报