`
fred2005
  • 浏览: 26255 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
最近访客 更多访客>>
社区版块
存档分类
最新评论

jquery Form取值()

阅读更多
jquery取得text,areatext,radio,checkbox,select的值,以及其他一些操作;
1.假如我们有如下页面

<input type="text" name="textname" id="text_id" value="">
<!--其余的请自行添加.重要的是要有TYPE.NAME.ID等,一般情况这些都是有的-->

2.下面来看怎么取得FORM中的各种值等等;

function get_form_value(){
/*获得TEXT.AREATEXT的值*/
     var textval = $("#text_id").attr("value");//或者
     var textval = $("#text_id").val();
/*获取单选按钮的值*/
     var valradio = $("input[@type=radio][@checked]").val();
/*获取复选框的值*/
    var checkboxval = $("#checkbox_id").attr("value");
/*获取下拉列表的值*/
     var selectval = $('#select_id').val();
}
3.另外对表单的其他处理:

//控制表单元素:
//文本框,文本区域:
$("#text_id").attr("value",'');//清空内容
$("#text_id").attr("value",'test');//填充内容
//多选框checkbox:
$("#chk_id").attr("checked",'');//未选中的值
$("#chk_id").attr("checked",true);//选中的值
if($("#chk_id").attr('checked')==undefined) //判断是否已经选中
//单选组radio:
$("input[@type=radio]").attr("checked",'10');//设置value=10的单选按钮为当前选中项
//下拉框select:
$("#select_id").attr("value",'test');//设置value=test的项目为当前选中项
$("<option value='test'>test</option><option value='test2'>test2</option>").appendTo("#select_id")//添加下拉框的option
$("#select_id").empty();//清空下拉框
分享到:
评论

相关推荐

    jQuery Form表单取值的方法

    之前js取form表单的值都是一个一个的取,数量一多之后容易出错而且烦透了。感谢那些愿意分享的人。 页面定义form,并给form指定id值,里面的元素只要是需要键值对应的都赋予name属性,并且name值等于后台能识别的...

    jQuery dialog form 提交 后台不能取值的解决办法

    NULL 博文链接:https://xiaojianhx.iteye.com/blog/1966006

    jquery 表单取值常用代码

    在jquery中经常需要获取form表单的一些值,下面是常用的代码,需要的朋友可以参考下。

    jQuery根据表单name获取值的方法

    本文实例讲述了jQuery根据表单name获取值的方法。分享给大家供大家参考,具体如下: 根据name取值: $(input[name='mobile']).val() 根据id取值: $(#mobile_reg_form).html() 根据name取值遍历: $(input[name=...

    layui 解决form表单点击无反应的问题

    var form = layui.form,$ = layui.jquery; form.render();//重点在这里 }); [removed] 以上这篇layui 解决form表单点击无反应的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持...

    form表单美化插件

    该插件具有美化所有的form表单元素,暴露了表单元素的单击和取值等各种操作的方法,兼容各大浏览器

    详解layui中的树形关于取值传值问题

    本文介绍了layui中的树形关于取值传值问题,分享给大家,具体如下: 这个是我们需要的效果,实际操作中会先执行渲染 然后在执行方法,然后我们发现树形的JSON是空,调试了N遍一直以为是优先级别的问题了。 最后...

    asp.net使用jQuery获取RadioButtonList成员选中内容和值示例

    代码如下:&lt;&#37;@ Page Language=”C#” AutoEventWireup=”true” CodeBehind=”Default.aspx.cs” Inherits=”Web.Default” %&gt;&lt;!DOCTYPE html PUBLIC “-//W3C//...&lt;head runat=”server”&gt; &lt;title

    没有document.getElementByName方法

    首先声明的是: document.getElementByName方法没有。document.getElementsByName得到的是标签的数组 document.getElementId得到的是某一个标签 &lt;...//就直接去用这个对象取值就可以了。 document.getEl

    Framework学习文档

    3)表单enctype属性必须为multipart/form-data。 二、Mybatis框架 1. MyBatis是一个基于Java的持久层框架,简化了JDBC对数据库的操作。 2. MyBatis的功能:封装原生的JDBC代码,对数据库中的数据进行管理(CRUD)...

    aeonRequestsDialog

    这三种模式是“form”,它从一个 html 表单中读取值; 'json',它使用ajax来获取一个json对象; 和'custom',它依赖于开发人员直接提供数据。 下面更详细地描述了每种模式。 该对话框可以具有常

    ExtAspNet_v2.3.2_dll

    -增加示例:form/form_validate.aspx +2009-10-19 v2.1.3 +增加支持在AJAX时改变的控件属性列表(/ajax.aspx)。 -ExtAspNet支持原生的AJAX,也就是说控件的属性改变在AJAX过程中会反映到页面中,但并不是...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -这样所有需要占据全屏的Panel(不管你是Accordion,Panel,ContentPanel,Form,GroupPanel,SimpleForm,Tree还是Grid,TabStrip)都可以通过这种方式全屏。 -简单方便,示例可以参考 default.aspx 或者 other\...

Global site tag (gtag.js) - Google Analytics