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%的人还看了以下文章

  • 第6课:超链接

    CSS允许你根据链接是未访问的、已访问的、活动的、是否有鼠标悬停等分别定义不同的属性。这样,我们便可为网站增添奇特而有用的效果。

    2020年2月22日
    2.5K0
  • css布局基础:行内元素、块级元素练习

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

    2020年4月4日
    7.0K0
  • javascript-快速掌握DOM技术

    Javascript的组成: 1.  js的语法(核心)。 2. DOM(文本对象模型) :用于操作HTML文档的应用编程接口。 DOM的出现使得动态HTML(DHTML)得以实现,可以不用重新加载页面而改变网页的外观和内容。 DOM的级别(版本):DOM1,DOM2,DOM3 3. BOM(浏览器模型)  BOM是Browser Object Model的…

    2018年7月17日
    2.7K0
  • Flex布局“弹性盒子”

    一.概念 flex布局: Flex Box 的缩写,意味“灵活的盒子”或“弹性盒子”,所以flex布局又称“弹性布局”。 flex容器 采用flex布局的元素,成为flex容器。display:flex; flex项目 flex容器的所有子元素自动成为容器成员,称为flex项目。 <div style=“ display:flex;”>   &l…

    2020年4月12日
    4.0K0
  • 网页设计常见css3动画效果(摆动、缩放、旋转、透明、反弹)

    网页上常看到某个DIV或图片有渐入、摆动、缩放、旋转、透明、反弹等效果,今天分享给大家! <!DOCTYPE html> <html> <head> <meta name=”viewport” content=”initial-scale=1.0, maximum-scale=1.0, user-scalable=n…

    2022年5月9日
    3.9K0
  • HTML5+CSS3制作网页实例:HTML5入门

    文章最后提供HTML5+CSS3制作网页实例源码下载。 步骤1 -设计 设计师先根据构想使用PHOTOSHOP设计页面,然后开始HTML和CSS编码,从设计背景、颜色和字体,细节部分的工作内容。 步骤2 – HTML 头部html代码 <!DOCTYPE html> <html> <head> <meta…

    2019年3月7日
    12.5K0

发表回复

登录后才能评论