如何监听checkbox是否被选中
2016-08-29 15:29
148 查看
工作中会经常遇到根据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);
相关文章推荐
- QTableWidget中checkBox如何判断复选框是否被选中
- jquery如何判断checkbox(复选框)是否被选中
- jquery如何判断checkbox(复选框)是否被选中
- jquery如何判断checkbox(复选框)是否被选中
- jquery如何判断checkbox(复选框)是否被选中
- jQuery如何判断checkbox(复选框)是否被选中
- jquery如何判断checkbox(复选框)是否被选中(转)
- jquery如何判断checkbox(复选框)是否被选中
- jquery如何判断checkbox(复选框)是否被选中
- 多个checkbox被选中时如何判断是否有自己想要的
- jquery如何判断checkbox(复选框)是否被选中(ie8 火狐)
- jquery如何判断checkbox(复选框)是否被选中
- 如何判断checkbox是否被选中
- jquery如何判断checkbox(复选框)是否被选中
- QTableWidget中checkBox如何判断复选框是否被选中
- jQuery如何判断checkbox(复选框)是否被选中
- jquery如何判断checkbox(复选框)是否被选中
- jquery如何判断checkbox(复选框)是否被选中
- jquery如何判断checkbox(复选框)是否被选中
- jquery如何判断checkbox(复选框)是否被选中