如何监听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);
版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

js checkbox的click事件,触发这个复选框的onchange事件的问题

先贴一段代码,这是正常情况:         $(function () {             var tableHTML = new Array();             for...
  • wuxhyou
  • wuxhyou
  • 2013年11月13日 17:46
  • 27647

input type为checkbox或radio时的click默认事件

在input中,如果type为checkbox或radio时,浏览器会将该input渲染成为系统的单选或多选组件,如果这时,我们在这个input上绑定click事件,那就要小心谨慎使用e.preven...

input checkbox 选中绑定事件

var $test_image_check_box_click = function() {  if ($(this).attr("checked") == "checked") {  //alert...

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

CheckBox控件的定义,main.xml内容如下:

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

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

c#之checkbox是否被选中

if (checkBox1.CheckState == CheckState.Checked) { MessageBox.Show("check...

JQuery 判断checkbox是否选中,checkbox全选反选,以及执行click事件

$(function(){ if ($.browser.msie) { $(':checkbox').click(function () { this.blur(); this.focus...

Thread详解7:validate

1 validate的作用:validate只能修饰变量,修饰的变量每次被访问的时候都强制从公共堆中去取; 而不是从线程的私有数据栈中取得变量的值这里补充说明一点。每个线程都有自己的私用栈,栈内的数据...

jQuery监听事件经典例子

关键字:jQuery监听事件经典例子  js代码:  ============================================================  $(...

3-5(CheckBox与监听)

  • 2012年11月23日 23:19
  • 43KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:如何监听checkbox是否被选中
举报原因:
原因补充:

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