监听页面上的checkbox是否选中

第一种

<!DOCTYPE html>
<html>
<head>
    <meta charset=‘UTF-8‘>
    <title>checked</title>
    <script type="text/javascript" src=‘http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js‘></script>
</head>
<body>
<form>
<input  type=‘checkbox‘ >
<input  type=‘checkbox‘ >
<input  type=‘checkbox‘ >
<input type=‘checkbox‘ >
<input type=‘checkbox‘ >
    </form>
</body>
<script type="text/javascript">
    $(":checkbox").on("change",function(){
        var $checkbox = $(this);
        console.log($(‘input:checked‘).length);
    });
</script>
</html>

可以实时监听页面上有几个checkbox的值是checked

时间： 2024-10-13 08:50:44

监听页面上的checkbox是否选中的相关文章

js监听页面的scroll事件，当移到底部时触发事件

//页面拉到底时自动加载更多 $(window).scroll(function(event){ var wScrollY = window.scrollY; // 当前滚动条位置 var wInnerH = window.innerHeight; // 设备窗口的高度(不会变) var bScrollH = document.body.scrollHeight; // 滚动条总高度 if (wScrollY + wInnerH >= bScrollH) { showMore(); } });

ListView的View回收引起的checkbox状态改变监听等问题解决方案

我的ListView中每行View包含一个ImageView.TextView.CheckBox.当ListView中有一个或一个一行CheckBox被选中就让ListView上面的Button显示,否则就隐藏.因此,需要对每行View中的CheckBox设置监听.我使用CheckBox中的OnCheckedChangeListener监听器,当CheckBox的状态发生改变的时候就会触发这个监听器.先看下我自定义给ListView的Adapter的getView方法中的一些关键代码: 这是ge

android CheckBOx的使用与监听

activity_main.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent

Android成长日记-Android监听事件的方法

1. Button鼠标点击的监听事件 --setOnClickListener 2. CheckBox, ToggleButton , RadioGroup的改变事件 --setOnCheckedChangeListener Eg: 3. onPageChangeListener() ----用来监控ViewPager滑到第几页

Android 常用控件接口监听

Android控件监听方面,用接口实现监听是最好的,在Android 本身就提供了各种控件监听接口,我们只要按照这样实现,看起来代码会很整洁.实现的效果也是很好的,下面我列举了常用控件的接口监听,layout ,checkbox,RadioGroup,以及listview的单击或者长按监听.下面请看代码,有注释. 本文项目源码地址: 点击此处下载转载请注明出处: http://blog.csdn.net/qq_16064871 package com.example.impletedemo;

事件监听的三种方法

事件监听的三种方法: addTarget --用于监听一些点击.值改变等事件代理 -- 监听一些开始.结束.选中某行等一些改变控制属性的一些事件通知:上面都不行考虑使用通知通知使用注意:只要监听通知就要移除通知,否则控制器销毁后,通知发送时就会找不到对象导致程序崩溃文本框事件的监听: textfied代理只能监听开始编辑结束编辑,能否改变文字,不能监听改变文字后的情况,本项目需要监听文本框中是否有输入,代理和addTarget都不适用. 文本框发出的三个通知: UIKIT_

[基础控件]---状态切换控件CompoundButton及其子类CheckBox、RadioButton、ToggleButton、switch事件监听与场景使用

一.事件监听对于普通的Button,对其进行事件监听Google官方给出了常见的三种监听方式:1.对每一个button设置事件监听器button.setOnClickListener(View.OnclickListener listener);此种方法当button按钮较多时代码显得多.乱.不够简洁明了. 2.在Activity中实现接口View.OnclickListener,然后重写void onClick(View v)方法,在方法中通过switch(v.getId())予以区分不同

android CheckBox控件的定义及事件监听

http://www.beijibear.com/index.php?aid=336 android CheckBox控件的定义及事件监听,本例实现CheckBox控件的定义及点击事件的监听并显示结果,运行效果截图如下: CheckBox控件的定义,main.xml内容如下: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas

很多人都不知道的监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法

在实际的应用中,我们常常需要实现在移动app和浏览器中点击返回.后退.上一页等按钮实现自己的关闭页面.调整到指定页面或执行一些其它操作的需求,那在代码中怎样监听当点击微信.支付宝.百度糯米.百度钱包等app的返回按钮或者浏览器的上一页或后退按钮的事件呢. 我相信很多朋友像我一样,在百度.搜狗里面搜索很久都没找到方法.下面就来告诉大家怎样监听的方法: 首先我们要了解浏览器的history.大家知道在页面中我们可以使用javascript window history,后退到前面页面,但是由于安全