<!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. idea 双击选中一个变量，及高亮显示相同的变量

    其实idea有这个功能,只是没有背景颜色,在这里有可能是编辑区的背景颜色和选中变量的背景颜色一样, 所有我们只需要调一下背景颜色就可以了 版本:ideaIU-2018.1.5 1. 到这里就结束啦..

  2. Linux系统调优相关工具

    一.系统调优概述 系统的运行状况: CPU -> MEM -> DISK*-> NETWORK -> 应用程序调优 分析是否有瓶颈(依据当前应用需求) 调优(把错误的调正确) ...

  3. SQL Server 新建 数据库关系图 时弹出警告提示此数据库没有有效所有者，因此无法安装数据库关系图支持对象。

    今天创建数据库关系图,发现提示此数据库没有有效所有者,因此无法安装数据库关系图支持对象.若要继续,请首先使用 数据库属性 对话框的文件页或 ALTER AUTHORIZAITION 语句将数据库所有者 ...

  4. Java泛型(10)：泛型与异常

    由于擦除的原因,将泛型运用于异常是非常受限的.catch语句不能捕获泛型类型的异常,因为在编译期和运行期都必须知道异常的确切类型.但是,类型参数可能会在一个方法的throw子句中用到.这使得你可以编写 ...

  5. UML类图与时序图

    UML统一建模语言 结构式图形: 静态图(类图,对象图,包图) 实现图(组件图,部署图) 剖面图 复合结构图 行为式图形: 活动图 状态图 用例图 交互式图形: 通信图 交互概念图(2.0) 时序图( ...

  6. 20190603 - CentOS 7 提示 Failed to load SELinux policy. Freezing 导致卡住不启动的解决办法

    现象 最近 Windows 和两台 Mac 混用,将 Windows VirtualBox 中安装的 CentOS 7 拷贝到 Mac 上. 启动 CentOS 7 时,图形界面进度卡在最后,按 Es ...

  7. 关于Npoi+excel文件读取，修改文件内容的处理方式

    因最近有需求场景,实现对文件的读写操作,又不单独生成新的文件,对于源文件的修改,做了一个简单实现,如下↓ // 要操作的excel文件路径 string fileName = Server.MapPa ...

  8. 获得http请求的RequestID

    firefox: F12---network---响应, 请求一个页面:

  9. Response.write()弹出窗口的问题！

    今天偶然发现在.NET中使用Javascript语句弹出窗口时发现一个小小的问题! 例子如下: 1: Response.Write ("<script languge=javascri ...

  10. springboot整合httpClient

    创建httpClientConfig配置类 @Configuration @PropertySource(value="classpath:/properties/httpClient.pr ...