关于复选框 昨天在做一个复选框的时候，一开始以为应该挺简单的，想当然了一下，主要的功能就是点击一个按钮，比如是全部选中这个一个功能，然后下面的所有列表全部选中的效果。 后来在实践中还是遇到了很多的问题，注意在input的checkbox中，用普通的attr属性来判断是不可以的，因为checked的值是checked，只有用prop这个属性才能该改变！！！！见api文档,后来在百度中发现了这个在官方的api中就已经有说明了，附上jquery中一个pr...
以前我使用js只能判断遍历再获取 代码如下:<!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>jQuery判断复选框的选中个数</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script type="text/javascript">window.onload = function(){//页面所有元素加载完毕...
插件版本：jquery-1.6.min.js 代码如下:var chk_value=""; $(input[name="rootMenu"]).each(function () { if (this.checked) { chk_value += this.value + "$"; } }); alert(chk_value); chk_value.split(",");
代码如下:// 主复选框<input type="checkbox" id="ck" name="ckAll">// 子复选框项<input type="checkbox" id="ck1" name="ckItm"><input type="checkbox" id="ck2" name="ckItm"><input type="checkbox" id="ck3" name="ckItm">代码如下:var $ckAll = $("input[name=ckAll]");var $ckItm = $("input[name=ckItm]");var len = $ckItm.length;$ckAll.click(function() { // 获取$ckAll当前选中状态，如果选中，其他子复选框则选中...
今天又次体会到jquery的强大了，做了个多级复选框的效果，代码总共就20+行就over了。 我又想用js来做一个看看，才写了几个方法就写不动了，兼容性要考虑很多，而且代码量直线上升。 主要分享下jquery的这个效果的实现。代码块分两块： 一是全选的效果，就是点击全选的复选框时它的子孙都相应被选中或者未选中。这人很好做，代码如下： 代码如下:evtEle.parent().next(".checks").find("input:checkbox").attr("checked", evtEle[0...
通过jquery技术来操作表格是件简单的事，通过jquery的语法，可以很轻松的完成表格的隔行换色，悬浮高亮，在实际的应用中可能会出现表格中带复选框的，删除时，将复选框所在的行的记录删除。在这的地方，可以加个特效，单击某行的同时将该行的复选框选中，该行的背景色也高亮显示。这样给人的感觉非常好。 效果如下： 我做的这里有两个功能： 功能1、单击某行，该行的复选框被选中，同时改变一下背景色。 功能2、单击全选/全不选标...
代码如下:<input type="button" id="btn5" value="获得选中的所有值"><input type="text" name="dd" id="dd" size="50" />$("#btn5").click(function(){ var str=""; $("[name='checkbox'][checked]").each(function(){ str+=$(this).val()+","; }) $("#dd").val(str) })
今天碰到“jquery动态获取复选框checkbox选中的个数”，首先看下面例子： 代码如下:<input type="checkbox" checked="checked">python<br> <input type="checkbox" checked="checked">java<br> <input type="checkbox" >jquery<br> <input type="checkbox" >phpddt.com<br> <script src="jquery.js"></script> <script> $(function(){ $("input[type=checkbox]").bind("click",function(){alert($("input[type=checkbox][checked=...
作者：Chris Spooner翻译：Terry li - GBin1.com英文： jQuery Plugins for Styling Checkbox & Radio Buttons web开发中所有的输入控件中复选框和单选框的样式是最难去设计的，因为不同的浏览器及其操作系统对于样式的渲染展现是不一样的。但是在jQuery的帮 助下我们可以整体的改变他们的样式。这里我们将介绍12款实用的美化插件来帮助大家设计简单直白的按钮设计，或者时尚的Iphone类型的开关按钮。Fancy checkboxes and radio b...
代码如下://是否被选中验证有选中的return true,否return false function mycheckbox() { var falg = 0; $("input[name=soft[]]:checkbox").each(function () { if ($(this).attr("checked")) { falg += 1; } }) if (falg > 0) return true; else return false; } 这是一个比较不错的方法，收藏了。下面这个函数是对上面的补充： 代码如下:本来就是这种写法啊。jq1.42的写法。 其次，建议你的逻辑处理 function mycheckbox() { va...
上图是经过css和jquery美化后的效果，怎么样呢？是不是很爽啊！这个是我从另一个脚本库看到的一个效果，觉得挺不错的，然后就用jquery自己实现了一个。供大家鉴赏！ 话不多说，直接上代码： 代码如下:<!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...
先上效果图: html: 代码如下:<asp:CheckBoxList ID="CheckBoxList1" runat="server" RepeatDirection="Horizontal" RepeatLayout="Flow" Width="280px"> <asp:ListItem>01</asp:ListItem> <asp:ListItem>02</asp:ListItem> <asp:ListItem>03</asp:ListItem> <asp:ListItem>04</asp:ListItem> <asp:ListItem>05</asp:ListItem> <asp:ListItem>06</asp:ListItem> <asp:ListItem>07</asp:ListItem> <asp:ListItem>08</asp:ListItem> <...
1、复选框全选操作：其实说到底就是对Jquery 选择器的运用，点我查看Jquery选择器 html代码: 代码如下:<form> 您爱好的运动是： <input type="checkbox" name="item" value="football"/> football <input type="checkbox" name="item" value="basketball"/> basketball <input type="checkbox" name="item" value="badminton"/> badminton <input type="checkbox" name="item" value="pingpong"/> pingpong <input type="button" ...
<input type="checkbox" id="cr" /><label for="cr">我已经阅读</label> a 用DOM方式来判断是否被选中 代码如下:$(function(){ var $cr = $("#cr"); var cr =$cr[0]; $cr.click(function(){ if(cr.checked){ alert("谢谢注册"); } else{ alert("NO"); } }); });
//jQuery Alert Dialogs Plugin Version 1.0 //插件下载地址：http://abeautifulsite.net/notebook/87 自身的原方法为： 代码如下:// Usage: // jAlert( message, [title, callback] ) // jConfirm( message, [title, callback] ) // jPrompt( message, [value, title, callback] ) 1.新加一个multicheckbox 的公共方法: // Public methods multicheckbox : function (message, value, title, callback) { if (title == null ) ti...