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

  • 中国省、市区二级联动下拉选择框-JS源码

    中国省、市区二级联动下拉选择框,包含所有省份及市县信息。 当选择省份下拉选择框时,市区的下拉框会根据选择的省市加载出来。如上图所示选择“山东省”,市的下拉选择框只会出现山东省的市县。 1.把中国省份和市区的信息放到JavaScript文件里(js/common.js),中国网页设计在js文件里定义了两个数组,分别存放省份和对应的市区。 //省份 var pr…

    2019年6月5日
    5.5K0
  • div/span水平顶部对齐,同一行div跟内容最多的div高度保持一样高

    一、两个div水平顶部对齐 两个div都设置display:inline-block;  并且右边的div增加样式vertical-align: top; 使得右边的div跟左边的div的顶部对齐。 <div id=’left’ style=”width:20%; display:inline-block”> </div> <d…

    2018年12月10日
    8.5K0
  • 如何在网页中输入多个连续的空格?

    默认状态下(输入法为半角状态),按空格键只能输入一个空格,要在文本之间插入多个连续的空格,可以使用以下几种方法: 1) 使用Ctrl+Shift+Space组合键。 2) 在中文全角状态下,使用空格键。 3) 选择【插入】→【HTML】→【特殊字符】命令下的“不换行空格”命令。 4) 直接在代码视图输入“&nbsp;”字符。

    2020年4月3日
    14.5K0
  • 第15课:用z-index进行层次堆叠

    CSS可以处理高度、宽度、深度三个维度。在前面的课程中,我们已经了解了前两个维度。在本课中,我们将学习如何令不同元素具有层次。简言之,就是关于元素堆叠的次序问题。 为此,你可以为每个元素指定一个数字(z-index)。其原理是:数字较大的元素将叠加在数字较小的元素之上。 比方说,我们正在打扑克,并且拿了一手同花大顺。我们可以通过为各张牌设定一个z-index…

    2020年2月25日
    3.3K0
  • 第13课:浮动元素(float)

    我们可以通过CSS属性float令元素向左或向右浮动。也就是说,令盒子及其中的内容浮动到文档(或者是上层盒子)的右边或者左边(参见第9课关于盒状模型的描述)。下图阐明了其原理: 举个例子,假如我们想让一张图片被一段文字围绕着,那么其显示效果将如下所示: 如何实现这个效果? 上例的HTML代码如下所示: <div id=”picture”><…

    2020年2月25日
    2.4K0
  • 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.3K0

发表回复

登录后才能评论