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. Python：C语言扩展

    1. 概述 Python 可以非常方便地和 C 进行相互的调用. 一般,我们不会使用 C 去直接编写一个 Python 的模块.通常的情景是,我们需要把 C 的相关模块包装一下,然后在 Python ...

  2. 开发板上使用core文件调试

    转载:http://www.nginx.cn/1521.html 如果开发板的操作系统也是linux,core调试方法依然适用.如果开发板上不支持gdb,可将开发板的环境(依赖库).可执行文件和cor ...

  3. ★Java多线程编程总结 系列 转

    下面是Java线程系列博文的一个编目:   Java线程:概念与原理 Java线程:创建与启动 Java线程:线程栈模型与线程的变量 Java线程:线程状态的转换 Java线程:线程的同步与锁 Jav ...

  4. powerdesinger中建立一个表后,出现Existence of index的警告

    可以不检查 Existence of index 这项,也就没有这个警告错误了!意思是说没有给表建立索引,而一个表一般至少要有一个索引,这是一个警告,不用的话对执行没有影响~ 转载:http://bl ...

  5. oracle 之 函数

    本次主题 青涩/色 函数的结束一定要使用return语句返回一个与声明匹配的值 --语法: create[or replace] function<函数名> [(参数列表)] return ...

  6. mybatis 模糊查询 like

    1.  参数中直接加入%% param.setUsername("%CD%");      param.setPassword("%11%"); <sel ...

  7. HBase之计数器

    HBase计数器 #创建counters表 列族［'daily','weekly','monthly'］ hbase(main):001:0> create 'counters','daily' ...

  8. 转json using指令

    using Newtonsoft.Json;using Newtonsoft.Json.Converters; string result = JsonConvert.SerializeObject( ...

  9. Linux 远程登录

    Linux一般作为服务器使用,而服务器一般放在机房,你不可能在机房操作你的Linux服务器. 这事我们就需要远程登录到Linux服务器来管理维护系统. Linux系统中是通过ssh服务实现的远程登录功 ...

  10. jquery checkbox勾选/取消勾选的诡异问题

    <form> 你爱好的运动是?<input type="checkbox" id="CheckedAll" />全选/全不选<br ...