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

  • 巧用边框线实现立体按钮效果(纯CSS)

    本文教你使用CSS制作立体按钮,代码简单。

    2020年2月2日
    4.8K0
  • 太赞了!推荐2个多彩渐变配色网站

    1、根据心情和情绪生成的渐变色 https://gradienmood.posandu.me/ 色彩是拥有情绪的,但是有情绪的色彩有不一定仅仅只有一种颜色。这个名为 Gradien Mood 的渐变色网站会将不同感觉和渐变色搜集起来,其中有的渐变色甚至拥有极为复杂的情绪,而你需要做的,就是输入你想传递的情绪,然后就能搜到相关的情绪和色彩,包括渐变的 CSS …

    2023年1月18日
    2.3K0
  • 第15课:用z-index进行层次堆叠

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

    2020年2月25日
    2.5K0
  • js实现两个页面表单传值并接收

    网页制作时,需要两个页面之间传值,通过JS就可轻松实现。 js 实现两个页面表单传值并接收源码 A页面: <input type=”text” id=”txt”> <input type=”button” value=”测试” onclick=”test()”/> <SCRIPT LANGUAGE=”JavaScript”&gt…

    2019年7月10日
    3.3K0
  • H5不支持frameset的三种解决方案:div+iframe、include、jQuery的onload方法加载页面

    frameset标签定义框架集,它用于组织多个窗口(框架)。每个框架存在一个独立的文档。 <frameset id=”frame” frameborder=”0″ framespacing=”0″ rows=”100,*” border=”false” scrolling=”yes”> <frame name=”topframe” scro…

    2020年1月1日
    7.2K0
  • CSS实现段落首字下沉效果的2种方法

    CSS实现段落首字下沉效果方法一 在CSS布局中,通过设置首字的大小并向左浮动,从而使得首字与其他字符区别;通过右边距控制首字与其他字符的距离。 #first{font-size:3em; font-weight:bold; float:left; margin-right:20px; } <p><span id=”first”>云&…

    2019年4月2日
    11.9K0

发表回复

登录后才能评论