jQuery 全选效果实现代码

jQuery 全选效果实现代码的相关文章

• 
  Jquery 滑入滑出效果实现代码

  标签：Web开发

  CSS 代码如下： style type="text/css" #divD{ width:300px; height:100px; background-color:#CC99FF; } /style Jquery代码 代码如下： script type="text/javascript" src="bg/js/jquery-1.4.2.min.js"/script script type="text/javascript" $(document).ready(function(){ $("#btnFadein").bind("click",Fadein); //为btnFadein绑定click时间 $("#btnFadeout").bind("click",Fadeout...[ 查看全文 ]

  丨无期丨徒刑丨

  891
• 
  jQuery checkbox全选/取消全选实现代码

  标签：Web开发

  jQuery版本：1.3.2 代码如下: html head script src="jquery-1.3.2.min.js" type="text/javascript"/script /head body input type="checkbox" name="chk_list" id="chk_list_1" value="1" /1br / input type="checkbox" name="chk_list" id="chk_list_2" value="2" /2br / input type="checkbox" name="chk_list" id="chk_list_3" value="3" /3br / input type="checkbox" name="chk_list" id=...[ 查看全文 ]

  B04293

  41
• 
  jquery checkbox全选、取消全选实现代码

  标签：Web开发

  代码如下： script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"/script input type="checkbox" name="checkbox_name[]” id=”checkbox_name_1″ /1br / input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_2″ /2br / input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_3″ /3br / input type=”checkbox” name=”checkbox_name[]” id=...[ 查看全文 ]

  李李李李大先生

  51
• 
  jQuery DIV弹出效果实现代码

  标签：Web开发

  先上个效果图，可以点击Close按钮或是在遮罩层上任意处点击，就可以关闭弹出层。 HTML代码 代码如下: div id='pop-div' style="width: 300px" class="pop-box" h4标题位置/h4 div class="pop-box-body" p 正文内容 /p /div div class='buttonPanel' style="text-align: right" style="text-align: right" input value="Close" id="btn1" onclick="hideDiv('pop-div');" type="button" / /d...[ 查看全文 ]

  北京的爷们

  61
• 
  checkbox全选/取消全选以及checkbox遍历jQuery实现代码

  标签：Web开发

  代码如下: html head script src="jquery-1.3.2.min.js" type="text/javascript"/script /head body input type="checkbox" name="chk_list" id="chk_list_1" value="1" /1br / input type="checkbox" name="chk_list" id="chk_list_2" value="2" /2br / input type="checkbox" name="chk_list" id="chk_list_3" value="3" /3br / input type="checkbox" name="chk_list" id="chk_list_4" value="...[ 查看全文 ]

  shxeyjj

  341
• 
  jquery 分页控件实现代码

  标签：Web开发

  代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head titlejquery分页控件/title script src="jquery-1.3.min.js" type="text/javascript"/script /head body div class="pager"/div !--div select class="SEID" option10/option option selected="select...[ 查看全文 ]

  讨厌嚣张

  41
• 
  jquery创建div 实现代码

  标签：Web开发

  代码如下: var boardDiv = "div style='background:white;width:100%;height:100%;z-index:999;position:absolute;top:0;margin-top:100px;'加载中...\/div"; $(window).load(function(){ //window.alert("ok"); $(document.body).append(boardDiv); }); [ 查看全文 ]

  有没有我的温度

  31
• 
  jquery 简单导航实现代码

  标签：Web开发

  代码如下: script type="text/javascript" src="js/jquery.min.js"/script script type="text/javascript" $(function(){ $("li").hover(function(){ $(this).addClass("ho"); }, function(){ $(this).removeClass("ho"); }); $("li").click(function(){ $(this).removeClass("ho").addClass("xiaoshi").siblings().removeClass("xiaoshi"); }); }) /script style type="text/css" li{backg...[ 查看全文 ]

  高邑终端彩票

  31
• 
  jQuery 浮动广告实现代码

  标签：Web开发

  实现方法： 代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head title浮动广告/title style type="text/css" #qqonline{ background-color:red; border: 1px solid #fcc; position:absolute; top:100px; left:16px;...[ 查看全文 ]

  艾唯Ivy1

  211
• 
  jquery 弹出层实现代码

  标签：Web开发

  经过分析，网上的参考，终于搞定了~~ jQuery插件代码： 代码如下: jQuery.fn.selectItem = function(targetId) { var _seft = this; var targetId = $(targetId); this.toggle( function() { var A_top = $(this).offset().top + $(this).outerHeight(true); // 1 var A_left = $(this).offset().left; targetId.bgiframe(); targetId.show().css({ "position": "absolute", "top": A_top + "px...[ 查看全文 ]

  1640022185liu

  121
• 
  jQuery 页面 Mask实现代码

  标签：Web开发

  在 Ajax 应用中，显示一个 Dialog（以 Div 方式显示）前，都会先建一个 Mask。因为经常会用到，所以写成了一个 jQuery 插件，方便自己的使用。 代码如下: (function($){ $.extend({ documentMask: function(options){ // 扩展参数 var op = $.extend({ opacity: 0.8, z: 10000, bgcolor: '#000' }, options); // 创建一个 Mask 层，追加到 document.body $('div class="jquery_addmask" /div')...[ 查看全文 ]

  倔驴4

  551
• 
  JQuery 遮罩层实现(mask)实现代码

  标签：Web开发

  其中有mask()和unmask()这两个方法,这两个方法在指定的元素上添加一个遮罩层和一个提示消息实现，增加客户体验。由于最近做项目的时候，发现有时为了使用这一两个方法需要引入一个比较“庞大”的Extjs进来，觉得有点不划算，于是自己用jquery实现了一个比较简单mask、unmask方法来实现该效果。大家知道jquery是一个优秀的javascript框架，不但体积小而且使用方便，我现在逐渐将系统中使用Extjs实现的代码或组...[ 查看全文 ]

  龙飞凤舞000006

  371
• 
  jQuery插件 tabBox实现代码

  标签：Web开发

  打包下载 查了一下jq的官方插件编写文档（ http://docs.jquery.com/Plugins/Authoring ）以及文档中推荐的Mike Alsup写的一篇 A Plugin Development Pattern 。英语不是很好，但还是努力看下来（既学习到知识又能练习英语，何乐不为），照猫画虎的写了一个处女作——tabBox。 顾名思义，这个插件就是方便的产生具有tab选项卡功能“盒子”的。看图一下就明白 这样功能在网页上是非常肠炎宁个的，不论...[ 查看全文 ]

  smilebirdtime

  111
• 
  jquery 锁定弹出层实现代码

  标签：Web开发

  基于jquery的锁定弹出层 这个东西也是随手总结出来的，引用了一些js框架jquery的方法。 div遮盖其他控件的方法参考了 对于需要遮盖flash的，请将flash控件的WMode变量值设置为Transparent 使用方法： 代码如下： script src="jquery.js"/script script src="effect/maskDiv.js"/script script //配置模块 var moduleEvent = [{"idName":"close" , "eventName":"click" , "doMethod":"CLOSE_DIV...[ 查看全文 ]

  执旧_eaSon

  101
• 
  jQuery select的操作实现代码

  标签：Web开发

  //改變時的事件 代码如下: $("#testSelect").change(function(){ //事件發生 jQuery('option:selected', this).each(function(){ //印出選到多個值 alert(this.value); }); }); //印出選到的項目 代码如下: 法1：$("select#Clubs").children("[@selected]").each(function(){ alert(this.text); }); 法2：$("#selBags").val(); //這個比較快啦，但限單選 //取得下拉選單的選取值 ...[ 查看全文 ]

  小怪兽mylove

  01
• 
  JQuery 浮动导航栏实现代码

  标签：Web开发

  代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=gb2312" / titleJQuery 浮动导航栏/title script type="text/javascript" src=&qu...[ 查看全文 ]

  蒂美曦儿

  261
• 
  JQuery与iframe交互实现代码

  标签：Web开发

  在iframe中查找父页面元素的方法： $('#id', window.parent.document) 在父页面中获取iframe中的元素方法： $(this).contents().find("#suggestBox") 在iframe中调用父页面中定义的方法和变量： parent.method parent.value[ 查看全文 ]

  贵族丨诺

  21
• 
  jquery 批量上传图片实现代码

  标签：Web开发

  前台: upload.htm 代码如下： !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head runat="server" titleupload/title link href="upload.css" rel="Stylesheet" / /head body form ul li button id="SubUpload" onclick="TSubmitUploadImageFile();return false;" ...[ 查看全文 ]

  老兵难忘

  151
• 
  jQuery AJAX 调用WebService实现代码

  标签：Web开发

  用jQuery调用其他项目的WebService 实现登录验证功能 html输入用户名密码： 代码 代码如下： table tr td Login ID: /td td input type="text" value="" / /td /tr tr td Login Password: /td td input type="password" value="" / /td /tr tr td input value="Sign in" readonly / /td td input value="Sign up" readonly / /td /tr /table Jquery引用和登录事件 代码 ...[ 查看全文 ]

  专业苹果供应商

  61
• 
  JQuery 网站换肤功能实现代码

  标签：Web开发

  从那以后，我找到了很多可以让访客通过鼠标点击某个地方切换样式表的方法。但最近我要写一篇如何 使用jQuery编写简单代码实现它的教程。 我将向你们逐步解说整个的过程，不仅仅因为要展示jQuery代码的简介，同时也要揭示jQuery库中的若干高级特性。 首先，代码 代码如下: $(document).ready(function() { $('.styleswitch').click(function() { switchStylestyle(this.getAttribute("rel")); retur...[ 查看全文 ]

  来生求公平

  481