jquery判断checkbox是否选中的代码参考__checkbox_jquery_checked_jQuery_true_

当前位置: 编程技术>jquery

jquery判断checkbox是否选中的代码参考

来源: 互联网发布时间：2014-09-03

本文导语: 检测页面中的checkbox复选框是否选中： //选中 true,否 false function mycheckbox() { var falg = 0; $("input[name='soft[]']:checkbox").each(function () { if ($(this).attr("checked")) { falg += 1; } }) if (falg > 0) return...

检测页面中的checkbox复选框是否选中：


//选中 true,否 false
function mycheckbox() {
    var falg = 0;
    $("input[name='soft[]']:checkbox").each(function () {
        if ($(this).attr("checked")) {
            falg += 1;
        }
    })
    if (falg > 0)
        return true;
    else
        return false;
} //edit by www.

接下来，对jquery操作checkbox及判断是否选中的方法，作详细分析。

在html页面中，一个复选框被选中，则其属性checked="checked"。如果用jquery alert($("#id").attr("checked")) 会提示true而并非checked

所以，这里注意了，如果：if($("#id").attr("checked")=="true")这样是错误的，不会得到正确的判断结果。
这么写：if($("#id").attr("checked")==true)才是正确的。

来看下面的例子，页面内容如下：

点击如上所示的单个按钮，即实现全选、取消全选checkbox的功能，完整页面及jquery代码如下：



 
  jquery检测checkbox是否选中-www.
  
    
  
  
    
 
 
 
   
   
   
   
   
   

   
   checkbox1
   
   checkbox2
   
   checkbox3
   
   checkbox4
   
   checkbox5
   
   checkbox6
   
   checkbox7
   
 checkbox8

您可能感兴趣的文章：