当前位置:  编程技术>jquery

JQuery中input textarea select checkbox radio取值示例

    来源: 互联网  发布时间:2014-10-04

    本文导语:  例子,从input areatext select checkbox radio中取值。 代码:   代码示例:     input areatext select checkbox radio中值--www.                 $(document).ready(function (){     $('#send_ajax').click(function (){       var params=$('input').s...

例子,从input areatext select checkbox radio中取值。

代码:
 

代码示例:




    input areatext select checkbox radio中值--www.
   
   
   

   
$(document).ready(function (){
    $('#send_ajax').click(function (){
      var params=$('input').serialize();
      $.ajax({
            url :'ajax_exectue.aspx', 
            type:'post',
            dataType:'html',
            data:params, 
            success:update_page,
            error:update_error
            });
       });
});
    function update_page (xml) {     
       $("#result").css("display","");
       $("#result").html(xml);
     
    }
function update_error()
{
    alert("error!");
}
function noShow(){   
   $("#result").css("display","none");
}
$(function (){
   $('#test_post').click(function (){
            $.post('ajax_exectue.aspx',
            {username:$('#input1').val(),age:$('#input2').val(),sex:$('#input3').val(),job:$('#input4').val()},
            function (data){
           
            $('#result').html(data);
            });
   });
});

$(function(){
    $('#test_Sel').click(function(){
        var va = $("#sel").val();
        $("#sel").attr("value","4");
        alert(va);
    });

});

$(function(){
   $('#test_Rad').click(function(){
        var v = $("input[name='as'][checked]").val();
        alert(v);
   });

});

$(function(){
    $("#checkedAll").click(function(){
        if($(this).attr("checked") == true)
        {
           $("input[name='chk']").each(function(){$(this).attr("checked",true);});
        }
        else
        {
            $("input[name='chk']").each(function(){$(this).attr("checked",false);});
        }
    });
});

$(function(){
    $("#test_Chk").click(function(){var f="";
     //var f = $("input[name='chk']").checkbox().val();
     $("input[name='chk']").each(function(){
        if($(this).attr("checked") == true){if(f){f+=",";}f+=$(this).attr("value");}
     });
      alert(f);
    });
});

$(function(){
    $("#test").click(function(){
       alert( $("#aera").val());
    });
});
   



   
        输入姓名:

        输入年龄:

        输入性别:

        输入工作:
       



       
            1
            2
            3
            4
            5
       
        男
        女
       

       

            复选1

            复选2

            复选3

            复选4

            全选/取消全选
       

       

           
       

   
    提交
    Post
    测试Selector
    测试Radio
    测试CheckBox
    测试areatext


    
 
 

您可能感兴趣的文章:

  • jquery select 取值与赋值示例
  • jquery对select列表取值与赋值
  • jquery 通过name快速取值示例
  • jquery对select下拉框取值与赋值方法汇总
  • jquery 操作select取值与设置选中值
  • jquery操作select详解(取值,设置选中)
  • jquery实现Select option项的添加、删除、取值
  • jquery实现radio的取值、radio的选中及radio重置(代码分享)
  • Jquery给基本控件的取值、赋值示例
  • jquery对页面中控件取值与赋值的例子
  • jQuery中的RadioButton,input,CheckBox取值赋值实现代码
  • jQuery操作CheckBox的方法介绍(选中,取消,取值)
  • jquery操作select取值赋值与设置选中
  • jQuery如何对表单元素取值与赋值
  • jquery中html、val与text三者属性取值的联系与区别介绍
  • Jquery 表单元素取值与赋值方法总结
  • Jquery 表单取值赋值方法
  • jquery select取值与赋值操作指南
  • Jquery表单取值赋值操作实例
  • jQuery 取值、赋值的基本方法整理
  • jQuery定时器插件 jQuery Timers应用示例
  • jquery打开dialog的简单示例
  • jQuery animate方法定位页面具体位置(示例)
  • jQuery设置input type值示例
  • jquery弹窗代码示例
  • jquery的父子兄弟节点查找示例代码
  • jquery获取第几个元素方法示例 jquery选择器
  • jquery遍历checkbox简单示例
  • jquery动态添加option示例
  • Jquery定时器的简单示例
  • JQuery获取上传文件大小(示例)
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery checkbox
  • jquery遍历checkbox代码与说明
  • JQuery checkbox全选的小例子
  • jquery遍历checkbox介绍
  • jquery遍历checkbox的注意事项说明
  • jquery动态获取复选框checkbox选中个数
  • jQuery判断checkbox是否被选中的三种方法
  • jQuery判断checkbox是否选中的3种方法
  • jquery判断复选框checkbox是否选中的简单示例
  • jQuery1.9.1针对checkbox的调整方法(prop)
  • jquery操作checkbox实现全选和取消全选
  • jQuery获取Radio,CheckBox选择的Value值(示例代码)
  • jquery操作checkbox示例分享
  • 解决jquery操作checkbox火狐下第二次无法勾选问题
  • jQuery定时器插件 jQuery Timers应用示例 iis7站长之家
  • jQuery判断checkbox是否选中的小例子
  • jQuery实现CheckBox全选、全不选的示例代码
  • jquery数组之存放checkbox全选值示例代码
  • jquery 判断 radio checkbox 是否选中的几种方法
  • Jquery 改变radio/checkbox选中状态,获取选中的值(示例代码)
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery圆角插件 jQuery Corners
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3