jquery中对表单的基本操作代码

代码如下:

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="../conn/jsfile/jquery.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
文本框 ：<input type="text" id="txt" value="txt" /><br />
单选按钮：<input type="radio" value="男" checked="checked" name="sex" />男 <input type="radio" value="女" name="sex" checked="checked"/>女<br />
复选框：<input type="checkbox" value="1" name="cc"/>1<input type="checkbox" value="2" checked="checked" name="cc" />2<input type="checkbox" value="3" checked="checked" name="cc" />3<br />
下拉框：
<select id="sel" style="width: 100px">
<option value="yi">1</option>
<option value="er" selected="selected">2</option>
<option value="san">3</option>
</select>
<script language="javascript" type="text/javascript">
/*------------------------------------------------javascript-------------------------------------------*/
/* 获取文本框的值
alert(document.getElementById("txt").value);
*/
/*获取单选按钮的值
var radios = document.getElementsByName("sex");
var n = radios.length;
for (var i = 0; i < n; i++) {
if (radios[i].checked) {
alert(radios[i].value);
}
}
*/
/*获取复选框中选中的值的组合 1,2,3,4
var checkboxs = document.getElementsByName("cc");
var n = checkboxs.length;
for (var i = 0; i < n; i++) {
if (checkboxs[i].checked) {
alert(checkboxs[i].value);
}
}
*/
/*获取下拉列表的选中项的值
方法一：
alert(document.getElementById("sel").value);
方法二：
var sel = document.getElementById("sel");
alert(sel.options[sel.selectedIndex].value);
*/
/*------------------------------------------------jquery-------------------------------------------*/
/*获取文本框的值
alert($("#txt").val());
*/
/*获取单选框选中项的值
alert($(":radio[name='sex']:checked").val());
单选框赋值 设置选中项
$(":radio[name='sex']").val(["男"]);
*/
/*获取复选框的值
$(":checkbox[name='cc']:checked").each(function(i) {
alert(this.value);
});
复选框赋值 选中这几项
$(":checkbox[name='cc']").val(["1", "2", "3"]);
*/
/*获取下拉列表的值
alert($("#sel").val());
获取下拉列表的文本
alert($("#sel option:selected").text());
*/
</script>
</form>
</body>
</html>

赞 (0)

相关推荐

  • jquery 表单取值常用代码

    jquery操作表单元素代码/*假设在一个表单中有一个按钮id="save"$(document).ready(function(){     $("#save").click(function(){        $("#save").attr("disabled",true);//设为不可用                                 $("#form1")[0].submit();

  • jQuery 处理表单元素的代码

    1.获取input类的值: $("input").val(); 2.获取textarea类的值: $("textarea").val(); 3.获取select类的值:$("select").val(); 当表单上含有多个input类(或者textarea类和select类),使用上述方法得到的将是一个数组.当然,你可以给这些控件加上ID,从而对某个特定的控件取值,例如:$("input#myID").val(). 下面将对每

  • jQuery 获取对象 根据属性、内容匹配, 还有表单元素匹配

    指定元素中包含 id 属性的, 如: $("span[id]") 复制代码 代码如下: <span id="span1" name="S1">AAA</span><br/> <span id="span2" name="S2">BBB</span><br/> <span name="Sx3">CCC<

  • Jquery操作radio,checkbox,select表单操作实现代码

    Jquery操作radio,checkbox,select表单操作实现代码

    一 .Select jQuery获取Select选择的Text和Value: 1. $("#select_id").change(function(){//code...}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#s

  • JQUERY获取form表单值的代码

    假如我们有如下页面: <input type="text" name="textname" id="text_id" value=""> ...........在此不写出来了 下面来看怎么取得FORM中的各种值等等; function get_form_value(){ /*获得TEXT.AREATEXT的值*/ var textval = $("#text_id").attr("va

  • jquery获取input表单值的代码

    jquery取radio单选按钮的值$("input[name='items']:checked").val();jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $('input[name=items][checked]').val(); 获取select被选中项的文本 var item = $("select[name=items]

  • jquery中对表单的基本操作代码

    复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="../conn/jsfile/jquery.js" type="text/javascript"></script> </head>

  • 利用jQuery中的ajax分页实现代码

    本文实例讲解了用jQuery中的ajax分页相关代码,分享给大家供大家参考,具体内容如下 把分页封装到一个jsp里,那么大家就可以通过include的方式引入分页的页面这里起名为page_ajax.jsp 本人封装后,使用者需要在页面中引入page_ajax.jsp,并且在查询列表的时候,点击按钮,调用自定义的方法,如myFunction(),在这个方法里头,调用自己拓展的jquer方法,$.pageAjax(url,functionName,showDIv); 这里的url是你要请求的ajax

  • jQuery 中使用JSON的实现代码

    jQuery 中使用JSON的实现代码

    JSON 的格式说明可以在可以这里看到,非常详细,还是中文的. JSON 格式说明 需要特别注意的是,在 JSON 中的属性名是需要使用引号引起来的. jQuery 中使用 JSON jQuery 是现在使用广泛的脚本库,那么,在 jQuery 中如何使用 JSON 呢? 解析 JSON 在 jQuery 中已经提供了对于解析 JSON 的内在支持, jQuery.parseJSON 函数提供了解析的支持,详细的说明见这里. 复制代码 代码如下: var obj = jQuery.parseJS

  • jQuery中读取json文件示例代码

    jQuery中读取json文件示例代码

    json文件是一种轻量级的数据交互格式.一般在jquery中使用getJSON()方法读取. $.getJSON(url,[data],[callback]) url:加载的页面地址 data: 可选项,发送到服务器的数据,格式是key/value callback:可选项,加载成功后执行的回调函数 1.首先建一个JSON格式的文件userinfo.json 保存用户信息.如下: [ { "name":"张国立", "sex":"男&q

  • jQuery对表单的操作代码集合

    改变文本框的获得焦点的样式 复制代码 代码如下: <form action="#" method="POST" id="regForm"> <fieldset> <legend>个人基本信息</legend> <div> <label for="username">名称:</label> <input id="username&

  • Jquery中对数组的操作代码

    Jquery中对数组的操作代码

    而在Jquery中则使用$.map().$.each()来操作数组: 首先是普通的数组(索引为整数的数组): 复制代码 代码如下: $.map(arr,fn); 对数组中的每个元素调用fn函数逐个进行处理,fn函数将处理返回最后得到的一个新的数组 var arr = [9, 8, 7, 6, 5, 4, 3, 2, 1]; var newarr = $.map(arr, function(item) {return item*2 }); alert(newarr); $.each(array,f

  • ajax jquery 异步表单验证示例代码

    ajax jquery 异步表单验证示例代码

    文件目录:  html代码: 复制代码 代码如下: <html> <head> <title>异步表单验证</title> <script type='text/javascript' src='jquery.js' ></script> <script> function checkname(){ //$("input[name='name']").val() $.ajax({ type:"

  • jquery 实现表单验证功能代码(简洁)

    jquery 实现表单验证功能代码(简洁)

    1. 页面效果,自动提示验证信息... 2. 页面代码 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>表单验证页面</title> <link href="../Scripts/themes/default/easyui.css" rel="stylesheet" type="text/css

  • 用jQuery中的ajax分页实现代码

    用jQuery中的ajax分页实现代码

    功能简介:主要功能就是分页显示数据了,可在配置文件中配置每页要显示的页码,可以做多条件联合查询,这里只是做一个简单的查询.欢迎拍砖,有问题的还望大虾们斧正哈.看看这个效果图,无刷新的噢!! 具体实现请看源码: 1.aspx页面 复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AjaxPage.aspx.cs" Inherits="Measur

随机推荐