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. C语言面试题（二）

    上篇对嵌入式中C语言基本数据类型,关键字和常用操作进行了汇总,这篇我们将侧重字符串操作.请看下面的字符串处理函数:    a.库函数    1)将字符串src拷贝到字符数组dest内        c ...

  2. touch穿透

    出现穿透的前提:上层绑定touch事件,下层绑定click事件. 解决方案:touchend绑定: e.preventDefault();$(下层).css("pointer-events& ...

  3. （二）Kafka动态增加Topic的副本(Replication)

    (二)Kafka动态增加Topic的副本(Replication) 1. 查看topic的原来的副本分布 [hadoop@sdf-nimbus-perf ~]$ le-kafka-topics.sh ...

  4. 解决iphone填写表单时，表单项获取焦点时往下拉屏，导致顶部标题栏下滑错位

    $(function () { //解决iphone填写表单时,表单项获取焦点时往下拉屏,导致顶部标题栏下滑错位 var u = navigator.userAgent; var isiOS = !! ...

  5. 《BI项目笔记》历年理化指标分析Cube的建立

    该系统属于数据仓库系统,与传统的管理信息系统有本质差别,是“面向主题”设计的.“面向主题”的方式,既有利于数据组织和利用,又有利于用户的理解和使用. 分析主题主要维度:烟叶级别.烟叶级别按等级信息.烟 ...

  6. 转：C++的重载（overload）与重写（override）

    C++ override overload 的区别  override是指在不同作用域中,多个函数原型完全一样,而实现却不同的函数.在C++中,经常发生在类的继承中.当基类中的某个方法是virtual ...

  7. varchar类型转换为numeric的值时有问题原因

    numeric的值不应该用单引号括起来...........

  8. 移动端rem处理字体的js代码

    (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? ...

  9. docker初学笔记

    什么是docker 不准确的说,docker是一种轻量级的虚拟机,它把可执行文件和运行环境打包成一个image,放在容器里运行,但是启动速度比虚拟机快很多,资源消耗小.这种技术主要是为了解决部署环境的 ...

  10. 深入理解JS闭包

    一.变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域. 变量的作用域无非就是两种:全局变量和局部变量. Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量 ...