当前位置:  编程技术>jquery

Jquery 局部刷新及表单取值赋值操作详解

    来源: 互联网  发布时间:2014-09-03

    本文导语:  代码如下:   代码示例: /*获得TEXT.AREATEXT的值*/    var textval = $("#text_id").attr("value"); //或者    var textval = $("#text_id").val(); /*获取单选按钮的值*/    var valradio = $("input[@type=radio][@checked]").val(); /*获取一组名为(items)的radi...

代码如下:
 

代码示例:

/*获得TEXT.AREATEXT的值*/
   var textval = $("#text_id").attr("value");
//或者
   var textval = $("#text_id").val();
/*获取单选按钮的值*/
   var valradio = $("input[@type=radio][@checked]").val();
/*获取一组名为(items)的radio被选中项的值*/
   var item = $('input[@name=items][@checked]').val();
/*获取复选框的值*/
var checkboxval = $("#checkbox_id").attr("value");
/*获取下拉列表的值*/
   var selectval = $('#select_id').val();

//文本框,文本区域:
$("#text_id").attr("value",'');//清空内容
$("#text_id").attr("value",'test');//填充内容
//多选框checkbox:
$("#chk_id").attr("checked",'');//使其未勾选
$("#chk_id").attr("checked",true);//勾选
if($("#chk_id").attr('checked')==true) //判断是否已经选中

//单选组radio:

$("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项

//下拉框select:
$("#select_id").attr("value",'test');//设置value=test的项目为当前选中项
$("testtest2").appendTo("#select_id")//添加下拉框的option
$("#select_id").empty();//清空下拉框

获取一组名为(items)的radio被选中项的值
var item = $('input[@name=items][@checked]').val();//若未被选中 则val() = undefined
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;

//重置表单
$("form").each(function(){
   .reset();
});
 
 

1、一般处理程序:ajaxAllMsg.ashx
 

代码示例:

using System;
using System.Web;
using System.Text;
public class ajaxAllMsg : IHttpHandler {
public void ProcessRequest (HttpContext context)
{
context.Response.ContentType = "text/xml";

// 返回值
//string temp = "rn{"conversion":{rn"decimal":12}}";
////DataSet ds = new DataSet("AccountList");
////ds = GetList("Account", "AccountId", "Loginname,Name", 50, 1, false, false, "1=1");
//context.Response.ContentType = "text/xml";
//context.Response.Charset = "GB2312";
//context.Response.Clear();
//context.Response.Write("n " + ds.GetXml());


StringBuilder sb = new StringBuilder();
sb.Append("");      
sb.Append("中国人sdfert5");
sb.Append("");
context.Response.Write(sb.ToString());
//context.Response.End();
    }
    public bool IsReusable {
get {
    return false;
}
    }
}

2、调用页:DeJQuery.aspx
 

代码示例:


 

    
Ajax 留言板_www.    

   

 $(document).ready(function()
 {   
     GetAllMsg();  
 });   
function GetAllMsg(){     
$("#AllMsg").html("  ");    
$.ajax({ 
type:'POST',
url:"ajaxAllMsg.ashx?act=getAll",
dataType:'xml',   //默认["xml"/"html"] 返回数据类型:["xml" / "html" / "script" / "json" / "jsonp"]      
data:"",
success:function(result)
{
// alert(result);
 $(result).find('Account').each(function() {
    var loginname = $(this).find("loginname").text();
    var name3 = $(this).find("name2").text();
    // $("#AllMsg").append("

  • " + loginname + " - " + name + "
  • ");
        // alert(name3);
        // alert(loginname);
      $("#AllMsg").html("
  • " +  $(this).find("loginname").text() + " - " +  $(this).find("name2").text() + "
  • ");
    });

    ////解析服务器端传来的数据
    //for(key in result) $("#childsort").append(""+result[key]+" ");
    // var array=eval(data);
    // $.each(array,function(i,r){
    // var row=$("#row").clone();
    // row.find("#col1").text(r.tid);
    // row.find("#col2").text(r.state);
    // row.find("#col3").text(r.project);
    // row.appendTo("#testtable");
    //objString = $(this).text(objString.substring(0,num) + "");
    //if(msg == 0){
    //$("#value_user").html("");
    //return 1;
    //}else{
    //$("#value_user").html("Sorry,该账号已经被注册,请换其他账号!");
    //return 0;
    //}
     
    // $("#AllMsg").append("

  • id:"+json.EmployeeId+"|Name:"+json.EmployeeName+"|年龄:"+json.EmployeeInfo[0]+"|身高:"+json.EmployeeInfo[1]+"|体重:"+json.EmployeeInfo[2]+"
  • ");
    // $("#TextBox1").attr("value",'sdsd');//清空内容
    }    
    }); 
    }    
     

     
          
        
      

       




        
     
     

    您可能感兴趣的文章:

  • 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中input textarea select checkbox radio取值示例
  • Jquery表单取值赋值操作实例
  • jquery为input赋值方法总结
  • 在页面加载完成后通过jquery给多个span赋值
  • jQuery为checkbox、radio赋值的例子
  • JQuery中使用Ajax赋值给全局变量失败异常的解决方法
  • Jquery为a标签中href赋值的示例代码
  • JQuery中使用Ajax赋值给全局变量异常的解决方法
  • 浅析jquery ajax异步调用方法中不能给全局变量赋值的原因及解决方法
  • jquery为表单控件赋值实例
  • jquery取值、赋值实例参考
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jQuery表单验证插件 jQuery.validity
  • jQuery 表单插件 jQuery.formLocalStorage
  • IT科技资讯 iis7站长之家
  • jQuery表单插件 jQuery.form
  • jQuery form表单reset按钮重置清空表单的实现代码
  • 表单验证插件 Jquery表单验证插件
  • jQuery表单验证插件 validVal
  • jQuery表单插件 jFormer
  • 使用jQuery重置(reset)表单的方法
  • jQuery如何获取与设置表单元素
  • jQuery提交多个表单的小例子
  • jquery form表单如何序列化为对象
  • jQuery可伸缩的反馈表单 Contactable
  • jQuery表单美化和验证插件 Formly
  • jQuery表单校验插件 VanadiumJS
  • jQuery表单插件 jNice
  • jquery easyui表单重置扩展思路
  • jQuery中验证表单提交方式及序列化表单内容的实现
  • 点击表单提交时出现jQuery没有权限的解决方法
  • jQuery表单验证插件 Validation
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • 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