如何监听checkbox是否被选中

原创 2016年08月29日 15:29:02
工作中会经常遇到根据checkbox是否被选中而做一些事件处理,也就是监听checkbox是否被选中,其实实现的原理很简单 现总结如下:
首先判断checkbox如何才是被选中,经本人亲测 有如下四种方法:
一:`if($("input").attr("checked") == true){
        // do something

}

二: if($("input").attr("checked") == "checked"){
// do somethig
}

三: if($("input").prop("checked") == true){
// do somethig
}

以上三种方法全是用的jQuery的方式 我测试的版本是 jQuery-1.11

四(原生js):var checked = document.getElementById("id");
if(checked.checked){
// do somethig
}

知道如何判断checkbox被选中以后接下来的事情就简单了, 直接看代码吧。$(“.checkDeployInfo”)得到所有checkbox的集合 然后循环逐个判断,事件间隔这里设置的是200毫秒,这样可以保证在一般情况下点击checkbox时被监听到。

setInterval(function(){
        for(var i = 0; i<$(".checkDeployInfo").length; i++){
            var checkbox = $(".checkDeployInfo")[i];
            if(checkbox.checked){
                // do something
            }else{
                // do something
            }
        }
    },200);
版权声明:本文为博主原创文章,未经博主允许不得转载。

单个和多个checkbox选中事件

如果使用jquery,应使用prop方法来获取和设置checked属性,不应使用attr,需要的朋友可以参考下## 标题 ##1.通过prop方法获取checked属性,获取的checked返回值为b...
  • Gyb_csdn
  • Gyb_csdn
  • 2016年06月03日 13:50
  • 34603

关于JQ对checkbox的click事件触发的一个坑

今天插件里的遇到一个坑困扰我很久,写了一个键盘事件触发input的click事件来改变选项值,一直不正确,测试了好久终于发先问题出在input点击时改变checked和执行click事件的顺序上。写一...
  • webjhh
  • webjhh
  • 2016年03月11日 17:10
  • 24248

jquery判断checkbox是否选中及改变checkbox状态

本文转载自:http://www.wufangbo.com/jquery-pan-duan-checked/ jquery判断checked的三种方法: .attr('checke...
  • limingchuan123456789
  • limingchuan123456789
  • 2013年09月10日 00:11
  • 233444

checkbox 选中事件代码

.aaa { border: 1px hidden #0000FF; width: 100px; height: 60p...
  • u011447828
  • u011447828
  • 2017年03月10日 16:18
  • 7618

jQuery注册表格(table)行(tr)点击选中checkbox事件

目的实现鼠标点击表格行元素,就可以选中所在行内的复选框,实现数据勾选效果。多用于管理系统中数据列表上。效果录制了一个简单的动画来呈现。 方法这里采用jQuery框架做实现,当然原生的js也可以实现,...
  • ahuyangdong
  • ahuyangdong
  • 2017年07月20日 14:46
  • 2249

单个和多个checkbox选中事件

如果使用jQuery,应使用prop方法来获取和设置checked属性,不应使用attr,需要的朋友可以参考下 html: type="checkbox" name="check" id="c...
  • F7ANTY
  • F7ANTY
  • 2016年06月13日 16:26
  • 2021

input checkbox 选中绑定事件

var $test_image_check_box_click = function() {  if ($(this).attr("checked") == "checked") {  //alert...
  • zll105847174
  • zll105847174
  • 2015年01月23日 09:39
  • 7347

JQuery触发Checkbox的change事件

JQuery触发Checkbox的change事件   早上要做一功能,checkbox被选中时,显示隐藏的层,取消选中时,再隐藏选中的层。 初始代码如下: $(function(){ ...
  • hbhgjiangkun
  • hbhgjiangkun
  • 2012年12月11日 19:33
  • 12530

java基础---Jquery复选框checkbox全选反选及选中事件

HTML代码: 吃饭 睡觉 打豆豆 因为是用jquery做的,所以必须先要导入jquery的js文件 1.点击全选,再点击全不选 $(...
  • wy123123000
  • wy123123000
  • 2017年06月22日 11:32
  • 914

JS checkbox 选中事件

function SelectLeastOne(){ objName= document.getElementById("myform") for (i=0; i
  • evangel_z
  • evangel_z
  • 2012年05月11日 09:04
  • 47597
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:如何监听checkbox是否被选中
举报原因:
原因补充:

(最多只允许输入30个字)