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. Android 坐标系统

    屏幕的左上角是坐标系统原点(0,0),原点向右延伸是X轴正方向,原点向下延伸是Y轴正方向. 一.View的坐标     需要注意view的坐标是相对父容器而言的,包括:getTop().getBott ...

  2. 《BI那点儿事》数据流转换——OLE DB 命令转换

    OLE DB命令对数据流中的数据行执行一个OLE DB命令.它针对数据表中的每一行进行更新操作,可以事先将要更新的数据存放在表中.或者针对一个有输入参数的存储过程,可以将这些参数存放在一个数据表中,不 ...

  3. LTE Module User Documentation(翻译15)——示例程序、参考场景以及故障检测和调试技巧

    LTE用户文档 (如有不当的地方,欢迎指正!)     21 Examples Programs(示例程序)   路径 src/lte/examples/ 包含一些示例仿真程序,这些例子表明如何仿真不 ...

  4. (转载)U-boot启动完全分析

    1.1 U-Boot工作过程 U-Boot启动内核的过程可以分为两个阶段,两个阶段的功能如下: (1)第一阶段的功能 Ø 硬件设备初始化 Ø 加载U-Boot第二阶段代码到RAM空间 Ø 设置好栈 Ø ...

  5. python 线程学习

    彩照 一.学习[1] # -*- coding: utf-8 -*- import time import thread def timer(no, interval): cnt = 0 while ...

  6. Git最佳实践

    1.git init 2.git add. 3.git add README.md 4.git commit -m "init" 5.git remote add origin h ...

  7. python访问数据库一

    直接访问mysql,示例如下: # coding:utf-8 import time import MySQLdb # import traceback # import sys conn = MyS ...

  8. 学习PYTHON之路, DAY 1 - PYTHON 基础 1

    一 PYTHON 安装 1. Python下载 (1) www.python.org官网 (2) 选择可执行文件( 64位3.5.2Windows x86-64 executable installe ...

  9. C#窗体 WinForm 对话框,流

    一.对话框 ColorDialog:颜色选择控件 private void button1_Click(object sender, EventArgs e) { //显示颜色选择器 colorDia ...

  10. 回车键转tab键解决方案二

    <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...