jquery全选和反选功能代码,兼容所有浏览器

jquery全选和反选功能代码,兼容所有浏览器

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jquery全选和反选功能代码,兼容所有浏览器|www.125jz.com</title>
<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
function flowCheck(thisClass){

if($(thisClass).attr("checked")=="checked"||$(thisClass).attr("checked")==true){
 $(".controlBox,.flowCheckbox").attr("checked","checked");
}else{
 $(".controlBox,.flowCheckbox").attr("checked",false);
 }
}
</script>
</head>
<body>
<input type="checkbox" class="controlBox" onclick="flowCheck(this)" />全选<br/>
<hr>
<input type="checkbox"  class="flowCheckbox" /> 网页配色<br/>
<input type="checkbox"  class="flowCheckbox" /> 网页制作<br/>
<input type="checkbox"  class="flowCheckbox" /> JS学习 <br/>
<input type="checkbox"  class="flowCheckbox" /> 网页设计<br/>
</body>
</html>

低版本的jquery库支持attr(“checked”)==”checked”的写法,而不支持attr(“checked”)==true的写法。本代码解决了此兼容问题。

125jz网原创文章。发布者:江山如画,转载请注明出处:http://www.125jz.com/4116.html

(0)
江山如画的头像江山如画管理团队
上一篇 2019年11月1日 上午10:16
下一篇 2019年11月1日 下午2:12

99%的人还看了以下文章

  • 第9课:在网页中添加图像

    假如能把自己喜欢的的图像放到网页上,那就太好了。 这貌似有点难度。。。 也许是有点难度,但其实也不难,一个元素就可以搞定: 例1: <img src=”http://www.125jz.com/wp-content/uploads/2018/01/liudehua.jpg” /> 该例在浏览器中将显示如下: 你要做的只是:告诉浏览器你要插入一张图…

    2018年1月20日
    8.4K0
  • css布局基础:行内元素、块级元素练习

    主要知识点: 1、理解什么是行内元素?什么是块级元素? 2、知道块级元素能够设置宽高,行内元素不可设置宽高(替换元素可以)。 3、掌握display属性的使用。 4、掌握css伪类选择器的使用。 扩展: 1、nth-child()选择器 选择其父元素的第n个子元素。 效果图: 参考: <nav> <ul> <li><…

    2020年4月4日
    10.9K0
  • div+css制作上中下,中间两列的全屏自适应布局

    制作自适应布局的网页对初学者是个难点,今天我们以最常见的上中下结构,中间又分为两列的全屏自适应布局为例,教大家如何制作自适应布局网页。 上中下结构,中间又分为两列的全屏自适应布局HTML代码: <div class=”g-hd”></div> <div class=”g-sd”></div> <div c…

    2018年8月2日
    6.3K0
  • css布局基础-盒子模型

    网页设计的第一步就是设计版面布局,本文介绍了css布局基础-盒子模型,CSS盒模型是描述网页布局的视觉模型中网页元素的矩形盒状模型。盒模型由margin(边界)、border(边框)、padding(填充)和content(内容)4部分组成。

    2022年7月14日
    8.9K0
  • css布局基础:浮动和清除浮动练习1

    主要知识点: 1、浮动:让元素脱离标准流,从而实现灵活的布局效果。 2、浮动只能左右,不能上下。float:left/right/none。 3、子元素浮动会造成父元素高度塌陷,清除浮动的3种方法: 方法1:通过overflow属性 方法2:通过clear属性 方法3:通过伪元素选择器(推荐) 效果图: 参考: <!DOCTYPE html> &…

    2020年4月4日
    5.8K0
  • CSS3:Box-shadow 教程及实例-制作逼真的图片阴影效果

    box-shadow属性的基本用法 使用Box-shadow制作逼真的图片阴影效果 使用伪元素::before和::after,我们能实现非常逼真的只有图片才能实现的阴影效果。 HTML: <div class=”box11 shadow”></div> CSS: .box11 { width: 300px; height: 100p…

    2019年1月5日 网页制作
    7.2K0

发表回复

登录后才能评论