jquery如何获取checkbox的值

jquery如何获取checkbox的值

一、总结

一句话总结:就是通过jquery获取哪些对应name的checkbox,然后找出:check(被选中的),然后通过jquery的each遍历获取这些的值即可

$('input[name='checkboxName']:checked')+.each遍历取值

 

 

 

二、使用JQuery获取被选中的checkbox的value值

参考:使用JQuery获取被选中的checkbox的value值
https://www.cnblogs.com/td960505/p/6123510.html

以下为使用JQuery获取input checkbox被选中的值代码:

<html>
    <head>
        <meta charset="gbk">
        <!-- 引入JQuery -->
        <script src="jquery-1.3.1.js" type="text/javascript"></script>
    </head>

    <body>
        <input type="checkbox" value="橘子" name="check">橘子1</input>
        <input type="checkbox" value="香蕉" name="check">香蕉1</input>
        <input type="checkbox" value="西瓜" name="check">西瓜1</input>
        <input type="checkbox" value="芒果" name="check">芒果1</input>
        <input type="checkbox" value="葡萄" name="check">葡萄1</input>
        
        <input type="button" value="方法1" id="b1">
        <input type="button" value="方法2" id="b2">


    </body>
    
    <script>
        //方法1
        $("#b1").click(function(){
            //$('input:checkbox:checked') 等同于 $('input[type=checkbox]:checked')
            //意思是选择被选中的checkbox
            $.each($('input:checkbox:checked'),function(){
                window.alert("你选了:"+
                    $('input[type=checkbox]:checked').length+"个,其中有:"+$(this).val());
            });
        });
        
        //方法2
        $("#b2").click(function(){
            $.each($('input:checkbox'),function(){
                if(this.checked){
                    window.alert("你选了:"+
                        $('input[type=checkbox]:checked').length+"个,其中有:"+$(this).val());
                }
            });
        });
    </script>
</html>

转载于:https://www.cnblogs.com/Renyi-Fan/p/10663985.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/462862.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Linux文件查找命令find,xargs详述

Linux文件查找命令find,xargs详述 总结&#xff1a;zhy2111314来自&#xff1a;LinuxSir.Org整理&#xff1a;北南南北摘要&#xff1a; 本文是find 命令的详细说明&#xff0c;可贵的是针对参数举了很多的实例&#xff0c;大量的例证&#xff0c;让初学者更为容易理解&#xf…

WTL 学习博文地址

http://blog.chinaunix.net/u/884/showart_148905.html转载于:https://www.cnblogs.com/changping/archive/2010/11/09/1873078.html

git命令:修改已经commit的注释

在使用git命令时&#xff0c;有时commit后&#xff0c;突然想起来忘记修改commit的注释。修改commit的注释使用下面的命令&#xff1a; git commit --amend 本人也是最近2周才开始使用git&#xff0c;有些也理解不到位&#xff0c;在工作中实操之后记录下来&#xff0c;工作环…

当前读与快照读

概念 快照读 读取的是记录数据的可见版本&#xff08;可能是过期的数据&#xff09;&#xff0c;不用加锁 当前读 读取的是记录数据的最新版本&#xff0c;并且当前读返回的记录都会加上锁&#xff0c;保证其他事务不会再并发的修改这条记录   概念说的比较虚&#xff0c;也不…

误删表数据,如何恢复过来

/* 真实案例:在执行语句的时候错误的把系统中的一个表的数据全部删除 在删除之前&#xff0c;我做过一次完整的数据库备份&#xff0c;再删除之后&#xff0c;我第一时 间做了尾日志备份 也就是说 我手上现在有一份最新的完整备份 和删除数据之后的尾 日…

git命令:将多个commit提交记录修改为1条

本人也是最近2周才开始使用git&#xff0c;有些也理解不到位&#xff0c;在工作中实操之后记录下来&#xff0c;工作环境linux ubuntu。 变基时有六个命令可用&#xff1a; pick pick只是意味着包括提交。重新进行命令时&#xff0c;重新安排pick命令的顺序会更改提交的顺序…

随手笔记

import turtleturtle.bgcolor("red")turtle.fillcolor("yellow")turtle.color(yellow)turtle.speed(10)#主星turtle.begin_fill()turtle.up()turtle.goto(-600,220) turtle.down()for i in range (5): turtle.forward(150)turtle.right(144)turtle.end_…

修改、读取txt文档

1、使用FileStream读写文件文件头&#xff1a;using System;using System.Collections.Generic;using System.Text;using System.IO;读文件核心代码&#xff1a;byte[] byData new byte[100];char[] charData new char[1000];try{FileStream sFile new FileStream("文件…

详解AST抽象语法树

浅谈 AST 先来看一下把一个简单的函数转换成AST之后的样子。 // 简单函数 function square(n) {return n * n; }// 转换后的AST {type: "FunctionDeclaration",id: {type: "Identifier",name: "square"},params: [{type: "Identifier&quo…

struct linger

TCP连接断开的时候调用close socket函数&#xff0c;已经讨论过有优雅的断开和强制断开&#xff0c;那么如何设置断开连接的方式呢&#xff1f; 是通过设置socket描述符一个linger结构体属性。 linger结构体数据结构如下&#xff1a; struct linger { int l_onoff; int l_linge…

Oracle PL/SQL匿名块(三)

转载&#xff1a; http://blog.163.com/lyq_163_2009/blog/static/134082696201071210464738/ //错误处理 declare v_temp number(4); begin select empno into v_temp from emp where deptno10; exception when too_many_rows then dbms_output.put_line(太多记录了...); wh…

rbac 权限分配, 基于formset实现,批量增加

这里需要两个知识点&#xff1a;  - formset  - 自动发现项目中的URL1. 什么是formset&#xff1a;  Django中 form组件 或 ModelForm组件&#xff0c;用于做一个表单的验证。 接收前端form表单中的数据&#xff0c;并进行验证。 并且还可以用于表单的渲染工作。 (就是直…

linux下unix timestamp 与 可视化时间/常规时间进行转换

unix timestamp 与 可视化时间/常规时间进行转换。 最近工作中需要根据可视化时间得到unix timestamp&#xff0c;完成工作之后记录下来了&#xff0c;防止下次遇到此问题时&#xff0c;又需要重新梳理&#xff0c;直接上代码了 &#xff1a; #include <iostream> #inc…

别让自己活的太累

人之所以会心累&#xff0c;就是常常徘徊在坚持和放弃之间&#xff0c;举棋不定。生活中总会有一些值得我们记忆的东西&#xff0c;也有一些必须要放弃的东西。放弃与坚持&#xff0c;是每个人面对人生问题的一种态度。勇于放弃是一种大气&#xff0c;敢于坚持何尝不是一种勇气…

SQL Server2008R2查询数据库的物理路径

1.首先在Management Studio管理窗口中选择数据库为master.2.再在查询命令窗口中输入以下语句&#xff1a;select name,fileName from sysaltfiles where name like %你要查询的数据库名称%转载于:https://blog.51cto.com/baiyan425/1119204

HDU 1247 Hat’s Words 字典树(Trie树)

HDU 1247 Hat’s Words 字典树(Trie树) 字典树的建立是应该都是一样的 下面是我的做法: 建立完后, 对每一个单词都进行find_string()判断是否符合, 分别对其分成两半, 用j分隔开(左闭右开); 分别find()其子串[0, j1), [j1, string_len), 当两子串都找到后,则输出此主串, 然后,b…

c++11中静态断言static_assert

c11中的静态断言(static_assert) 在c11中引入了&#xff0c;目的是在编译时就能检查处一些问题。写法如下&#xff1a; static_assert(常量表达式&#xff0c;提示字符串);如果第一个参数常量表达式的值为真(true或者非零值)&#xff0c;那么static_assert不做任何事情&#…

setBackgroundResource的一个问题

2019独角兽企业重金招聘Python工程师标准>>> 一&#xff0c;<RelativeLayout xmlns:android"http://schemas.android.com/apk/res/android" android:id"id/layout" android:layout_width"fill_parent" android:layout_height…

驅動開發學習筆記1

1&#xff1a;設備對象是系統為幫組軟件管理硬件而創建的數據結構&#xff0c;一個物理硬件可以有多個這樣的數據結構。處於堆棧最底層的設備對象稱為物理設備對象&#xff08;PDO&#xff09;; 2&#xff1a;操作系統的pnp管理器按照設備驅動程序的要求構造了設備對象堆棧。總…

c++11之std::move()

在c11中引入了std::move()&#xff0c;目的是将左值转换为右值&#xff0c;一般与右值引用一起使用。 先说下左值与右值的区别&#xff1a; 左值&#xff1a;能被赋值的值&#xff0c;能取到地址的值。例如&#xff1a; int a 100; 右值&#xff1a;临时值&#xff0c;取不到…