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

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>属性选择器学习</title>

    <script language="JavaScript" type="text/javascript" src="http://www.jq22.com/jquery/jquery-3.3.1.js"></script>

    <script language="javascript" type="text/javascript">

        //使用jquery加载事件

        $(document).ready(function (){

            $("#btn1").click(function (){var che = [];
　　　　　　　　　　//  取name getElementsByName("ccq")
                obj = document.getElementsByClassName("c1");

                console.log(obj)

                check_val = [];

                for(k in obj){

                    if(obj[k].checked)

                        check_val.push(obj[k].value);

                }

                console.log(check_val)

                console.log($("input[class=c1]:checked").length);

                // alert($("input[type=checkbox]:checked").length);

                // $('input:checkbox:checked') 等同于 $('input[type=checkbox]:checked')

                //  选name 则是$("input[name=ccq]:checked")
                $.each($("input[class=c1]:checked"),function(i){

                    // window.alert("你选了："+

                    //     $('input[type=checkbox]:checked').length+"个，其中有："+$(this).val());

                    che.push($(this).val());

                    console.log(i);

                });

                console.log(che);

            });</script>

</head>

<body>

<form method="post" action="">

    <input class="c1" name="ccq" type="checkbox" value="美女" />美女

    <input class="c1" name="ccq" type="checkbox" value="美男" />美男

    <input class="c1" name="ccq" type="checkbox" value="大爷" />大爷

    <input class="c2" name="ccq" type="checkbox" value="大妈" />大妈

    <br>

    <input type="radio" value="男" />男

    <input type="radio" value="女" />女

    <br>

    <select id="zhiwei" size="5" multiple="multiple">

        <option>PHP开发工程师</option>

        <option>数据库管理员</option>

        <option>系统分析师</option>

        <option>保安</option>

    </select>

    <select id="xueli">

        <option>大专</option>

        <option>中专</option>

        <option>小学</option>

    </select>

</form>

<div style="clear:both;">

    <input id="btn1" type="button" value="" /><br>

</div>

</body>

</html>
 $.each($("input[class=c1]:checked"),function(i){

jquery 取指定class下的input checkbox选中的值的更多相关文章

  1. jquery（select）下拉框 选取选中的值

    var get_date_type=$("#date_type").find("option:selected").val(); var get_date_ty ...

  2. webform开发经验（一）：Asp.Net获取Checkbox选中的值

    webform中获取repeat控件列表下的checkbox选中的值: 码农上代码: public static string getSelectedIDs(Repeater Rpt_) { stri ...

  3. jquery取checkbox选中的值

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/ ...

  4. [TimLinux] JavaScript 判断 input checkbox选中的方法

    1. input属性 <label> <span>选择</span> <input type="checkbox" name=" ...

  5. jquery.editable-select 可编辑下拉框之获取select值和input值

    使用jquery.editable-select可以实现可编辑下拉框的功能,但需要先导入jquery.js,jquery.editable-select.css,jquery.editable-sel ...

  6. jQuery回车键快速切换下一个input文本框解决方案

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

  7. jquery遍历指定元素下的img图片改变其路径

    $(".jieshao img").each(function (i) { $(this).attr("src", "manager/" + ...

  8. jQuery之获取checkbox选中的值

    <mce:script src="jquery.js" mce_src="jquery.js"></mce:script><!-- ...

  9. input checkbox 选中问题

    对html控制不熟的人,估计被checkbox的选中问题发愁了,因为input的checkbox只有选中属性 checked='checked' 但是它有另外一个规则就是Request的时候 只有选中 ...

随机推荐

  1. docker 安装 jmeter

    1.下载jmeterwget http://mirrors.tuna.tsinghua.edu.cn/apache//jmeter/binaries/apache-jmeter-5.1.1.tgz2. ...

  2. 用Red5搭建支持WEB播放的实时监控视频

    用Red5搭建支持WEB播放的实时监控视频 1. 下载Red5:https://github.com/Red5/red5-server/releases 下载了Red5 1.0.6 release的Z ...

  3. powershell自动添加静态IP

    声明:其中脚本有参考其他作者,由于当时参考仓促,未能把作者一一列出,有机会会再找出原作者文件链接并附上,请见谅 参考: https://ss64.com/nt/netsh.html https://w ...

  4. JAVA 基础编程练习题16 【程序 16 输入 9*9 表】

    16 [程序 16 输入 9*9 表] 题目:输出 9*9 口诀. 程序分析:分行与列考虑,共 9 行 9 列,i 控制行,j 控制列. package cskaoyan; public class ...

  5. JavaWeb—Nginx介绍（转载）

    Nginx的产生 没有听过Nginx?那么一定听过它的"同行"Apache吧!Nginx同Apache一样都是一种WEB服务器.基于REST架构风格,以统一资源描述符(Unifor ...

  6. Python3 Selenium自动化web测试 ==> 第二节 页面元素的定位方法 -- iframe专题 <下>

    学习目的: 掌握iframe矿建的定位,因为前端的iframe框架页面元素信息,大多时候都会带有动态ID,无法重复定位. 场景: 1. iframe切换 查看iframe 切换iframe 多个ifr ...

  7. C学习笔记-预备知识

    计算机结构组成 CPU(中央处理器)(控制器+运算器) 存储器(内存+外存) 输出设备 输入设备 计算机系统组成 硬件系统 主机 中央处理器 运算器 控制器 内存储器 只读存储器 随机存储器 外部设备 ...

  8. 《ThinkPHP 5.0快速入门》 数据库、查询语言

    1.数据库配置 return [ 'type' => 'mysql',// 数据库类型 'hostname' => '127.0.0.1',// 服务器地址 'database' => ...

  9. vi去掉^M

    Windows下编辑的文本文件or程序文件,拷贝到linux下,用vi打开时,有时候会看到每行末尾有个 ^M 的符号. 这里介绍一个可以快速去除^M符号的方法: 用vi编辑器打开该文件,然后输入: : ...

  10. shell 数组长度

    Shell  数组操作方式 数组元素个数  ${#array[@]}  数组的所有元素  ${array[*]}  字符串长度      ${#str} 1.获取数组元素的个数: array=(bil ...