zoukankan      html  css  js  c++  java
  • 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

  • 相关阅读:
    ORACLE通过netca配置监听遇到 TNS04415错误
    图说计算机编程简史
    关于在VS2008以下版本的MFC程序使用VS 2008 FeaturePack出现内存泄露的理解
    对话框的OnPaint函数的两种写法的区别
    Hibernate 3.6.0 Beta1
    Hibernate 3.6.0 Beta1
    Maven 与 Checkstyle
    NetBeans 时事通讯(刊号 # 110 Jul 21, 2010)
    NetBeans 时事通讯(刊号 # 111 Jul 28, 2010)
    教育哲学的碰撞
  • 原文地址:https://www.cnblogs.com/wangjunwei/p/2733311.html
Copyright © 2011-2022 走看看