1、获取复选框的选中值

<title> JS 获取复选框选中的值</title>

<script src="jquery-1.11.2.min.js"></script>

</head>

<body>

<input type="checkbox" value="01" class="ck" />

<input type="checkbox" value="02" class="ck" />

<input type="checkbox" value="03" class="ck" />

<input type="checkbox" value="04" class="ck" />

<input type="checkbox" value="05" class="ck" />

<input type="button" value="取选中" id="btn"  />

<script type="text/javascript">

    $("#btn").click(function(e) {

        var ck = $(".ck");

        for(var i=0;i<ck.length;i++ )

        {

            if(ck[i].checked)

            {

                alert (ck[i].value);

            }

        }

    });

</script>

JQUERY

<title> JQUERY 获取复选框选中的值</title>

<script src="jquery-1.11.2.min.js"></script>

</head>

<body>

<input type="checkbox" value="01" class="ck" />

<input type="checkbox" value="02" class="ck" />

<input type="checkbox" value="03" class="ck" />

<input type="checkbox" value="04" class="ck" />

<input type="checkbox" value="05" class="ck" />

<input type="button" value="取选中" id="btn"  />

<script type="text/javascript">

    $("#btn").click(function(e) {

        var ck = $(".ck");

        for(var i=0;i<ck.length;i++ )

        {

            if(ck.eq(i).prop("checked"))

            {

                alert (ck.eq(i).val());

            }

        }

    });

</script>

2. JQUERY 取单选框的选中值

<title> JQUERY 取单选框的选中值</title>

<script src="jquery-1.11.2.min.js"></script>

</head>

<body>

<input type="radio" value="01" class="rd" name="a" />

<input type="radio" value="02" class="rd"name="a" />

<input type="radio" value="03" class="rd" name="a" />

<input type="radio" value="04" class="rd" name="a"/>

<input type="radio" value="05" class="rd" name="a"/>

<input type="button" value="取单选" id="b2"  />

<script type="text/javascript">

    $("#b2").click(function(e) {

        var B = $(".rd");

        for(var i=0;i<B.length;i++)

        {

            if(B.eq(i).prop("checked"))

            alert (B.eq(i).val());

        }

    });

</script>

3. JQUERY 取复选框选中的值，这里不能用attr()，会出现Bug,所以会用prop()属性，然后将自身的状态再给到复选框

<title>JQUERY 取复选框选中的值</title>

<script src="jquery-1.11.2.min.js"></script>

</head>

<body>

<input type="checkbox" id="qx" />全选

<input type="checkbox" value="01" class="ck" />01

<input type="checkbox" value="02" class="ck" />02

<input type="checkbox" value="03" class="ck" />03

<input type="checkbox" value="04" class="ck" />04

<input type="checkbox" value="05" class="ck" />05

<input type="button" value="取多选" id="btn"  />

<script type="text/javascript">

    $("#qx").click(function(e) {

        var xz = $(this).prop("checked");

        $(".ck").prop("checked",xz);

    });

</script>

4.JQUERY获取下拉列表的选中值

<title> JQUERY 获取下拉列表的选中值</title>

<script src="jquery-1.11.2.min.js"></script>

</head>

<body>

<select id="sel">

    <option value="11111">aaaaa</option>

    <option value="22222">bbbbb</option>

    <option value="33333">ccccc</option>

</select>

<input type="button" value="取下拉" id="b1" />

<script type="text/javascript">

    $("#b1").click(function(e) {

       alert ($("#sel").val());

    });

</script>

Jquery 读取表单选中值的更多相关文章

  1. 用jQuery获取表单的值

    在日常开发过程中,有许多用到表单的地方.比如登录,注册,比如支付,填写订单,比如后台管理等等. 使用jQuery来获取表单的值是比较常见的做法. 常见表单 单行文字域:<input type=' ...

  2. Jquery Form表单取值

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

  3. 基于JQuery实现表单元素值的回写

    form.jsp: <%@ page language="java" import="java.util.*" pageEncoding="GB ...

  4. jQuery给表单设置值

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  5. jquery获取表单的值

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  6. jQuery Form 表单提交插件-----formSerialize，fieldSerialize，fieldValue，resetForm，clearForm，clearFields的 应用

    一.jQuery Form的其他api  1.  formSerialize 将表单序列化成查询串.这个方法将返回一个形如: name1=value1&name2=value2的字符串.是否可 ...

  7. jquery获取表单元素与回显

    一.获取哦表单元素 dcoument表单文本对象的集合 all[] 对所有html元素的访问 forms 返回对文档中所有form对象的引用 forms[1] 对所有form对象引用 <scri ...

  8. ASP.NET MVC Jquery Validate 表单验证的多种方式

    在我们日常开发过程中,前端的表单验证很重要,如果这块处理不当,会出现很多bug .但是如果处理的好,不仅bug会很少,用户体验也会得到很大的提升.在开发过程中我们可以不借助 JS 库,自己去手写 JS ...

  9. jQuery Form 表单提交插件----Form 简介，官方文档，官方下载地址

     一.jQuery Form简介 jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地.无侵入地升级HTML表单以支持Ajax.jQuery Form有两个核心方法 -- ajaxF ...

随机推荐

  1. Python3基础 in 列表名 判断一个元素是否在列表中

    镇场诗:---大梦谁觉,水月中建博客.百千磨难,才知世事无常.---今持佛语,技术无量愿学.愿尽所学,铸一良心博客.------------------------------------------ ...

  2. Key Figure、Exception Aggreagion、Non-Cumulative KeyFigure

    声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...

  3. 关于JS中apply方法的基本理解

    最近研究OpenLayers源码时,发现其中使用了比较多的apply方法,对其也是很不明白.于是上网经过多方面了解以及自己细细体会后,终于算是基本明白是其干什么的了,这里分享下.apply方法的造型是 ...

  4. openstack 流量控制

    G版的流量控制,可以在horizon通过对flavor进行配置来实现 1.有admin权限,点击admin进入管理界面:点击Flavors,选取要控制的flavor:点击more,找到View Ext ...

  5. How to change owner of PostgreSql database?

    ALTER DATABASE name OWNER TO new_owner;

  6. JS Map 和 List 的简单实现代码

    javascript中是没有map和list 结构的. 本篇文章是对在JS中Map和List的简单实现代码进行了详细的分析介绍,需要的朋友参考下 代码如下: /* * MAP对象,实现MAP功能 *  ...

  7. mac Zip 常用命令

    最通俗的用法 zip -q -r -e -m -o [yourName].zip someThing -q 表示不显示压缩进度状态 -r 表示子目录子文件全部压缩为zip  //这部比较重要,不然的话 ...

  8. JS历史

    JavaScript伴随着互联网的发展一起发展.互联网周边技术的快速发展,刺激和推动了JavaScript语言的发展. 2006年,jQuery函数库诞生,作者为John Resig.jQuery为操 ...

  9. 将java源文件制成jar包

    很多人都在苦恼,如何将写好的程序代码能在日后随时调用和配置在项目中运行 今天,就让梦逸来给大家分享这个过程 首先,创建好一个文件夹,文件夹名称随意 这个文件夹中是用来存放java源文件( 未编译的 x ...

  10. 读javascript高级程序设计16-几条函数小技巧

    内容概要 作用域安全的构造函数 惰性载入函数 函数绑定 函数节流 一.作用域安全的构造函数 我们知道,当使用new操作符调用构造函数时,构造函数内部的this会指向新创建对象的实例. function ...