zoukankan      html  css  js  c++  java
  • jquery 操作 checkbox select

    1、prop方法获取、设置checked属性

    <input type="checkbox" name="checkboxMain" onclick="CheckAll(this);" />
    function CheckAll(obj) {
       //获取checked属性
       if ($(obj).prop("checked")) {
          //设置checked属性
          $("input[name='checkboxall']").prop("checked", true);
       } else {
          //设置checked属性
          $("input[name='checkboxall']").prop("checked",false);                                
       }
    } 
    

    (1)总结

    在jquery中应该使用prop方法来获取和设置checked属性,不应该使用attr。 

    (2)jquery版本原因

    jquery-1.4.1.min.js、jquery-1.4.2.min.js可以用attr方法正确地获取或设置checkbox的checked属性,但是高版本例如:1.10.2.min.js就不能用attr方法正确地获取或设置checkbox的checked属性,在此声明:其他版本没有测试。

     2.js jquery中判断checkbox是否被选中的方法

    在js中:
      document.getElementById("checkboxID").checked   返回true或者false
    
    jQuery中:
      $("input[type='checkbox']").is(':checked') 返回true或false
    

      

    引用:https://blog.csdn.net/xiaouncle/article/details/52001117

  • 相关阅读:
    Spring Boot初学
    Spring MVC必须知道的执行流程
    日志Log4j使用
    SpringMVC处理中文乱码
    Maven设置阿里云镜像
    Maven项目中配置文件导出问题
    使用Limit实现分页
    web项目中设置首页
    JVM 学习笔记记录
    Python内存管理&垃圾回收机制
  • 原文地址:https://www.cnblogs.com/kongge/p/9334494.html
Copyright © 2011-2022 走看看