<!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. 小D课堂-SpringBoot 2.x微信支付在线教育网站项目实战_1-4.在线教育后台数据库设计

    笔记 4.在线教育后台数据库设计     简介:讲解后端数据库设计    ,字段冗余的好处,及常见注意事项 1.数据库设计:          er图:          实体对象:矩形        ...

  2. Java集合(6)：理解Map

    映射表的基本思想是维护键-值对的关联,通过键来寻找值.下面是标准Java类库中几种Map的实现: (1) HashMap:Map基于散列表的实现,插入和查询键值对的开销是固定的.可以通过构造器设置容量 ...

  3. robotframework 接口测试 +RSA 加密

    首先,实现RSA加密,需要用到pycrypto这个库,这个库又依赖openssl,所以需要先下载openssl,具体教程可以参考http://bbs.csdn.net/topics/392193545 ...

  4. 如何运行Vue源码

    1.下载源码 从git中找到vue源码,把repo链接复制,使用[ git clone 链接 ]命令将vue源码下载到本地. 2.可以看到以下目录 每次看vue项目时,我们首先要看下package.j ...

  5. JAVA语言课堂测试01源代码（学生成绩管理系统）

    package 考试; /*信1807-8 * 20183798 * 向瑜 */ import java.util.Scanner; //ScoreInformation 类 class ScoreI ...

  6. 【VS开发】CListBox智能滚动设置

    添加数据以后,再在下面加句, int nCount = m_myListBox.GetCount(); if (nCount > 0) m_myListBox.SetCurSel(nCount ...

  7. 截取铃声python代码

    from pydub import AudioSegment file_name = "张杰 - 这就是爱.mp3" sound = AudioSegment.from_mp3(f ...

  8. fping 命令

    NAME fping - send ICMP ECHO_REQUEST packets to network hosts SYNOPSIS fping [ options ] [ systems... ...

  9. Scala 内部类及外部类

    转自:https://blog.csdn.net/yyywyr/article/details/50193767 Scala内部类是从属于外部类对象的. 1.代码如下 package com.yy.o ...

  10. Mysql中多表删除

    1.从MySQL数据表A中把那些id值在数据表B里有匹配的记录全删除掉 DELETE t2 FROM A t1,B t2 WHERE t1.id = t2.id DELETE FROM t2 USIN ...