本代码是在众多的jQuery复选框功能代码中精选出来的，本人项目中使用的代码，这里分享给大家。jQuery代码： $(function(){ $("#checkedAll").click(function(){ $([name=items]:checkbox).attr(checked,true); }); $("#checkedNo").click(function(){ $([name=items]:checkbox).attr(checked,false); }); $("#checkedRev").click(function(){ $([name=items]:checkbox).each(function(){ //$(this).attr(checked,!$(this).a...
<!DOCTYPE html> <html> <head> <script type="text/javascript" src="../js/jquery-1.9.1.js"></script> <script type="text/javascript"> $(document).ready(function() { // 全选/取消全部 $("#checkAllChange").click(function() { if (this.checked == true) { $(".userid").each(function() { this.checked = true; }); } else { $(".userid").each(function() { this.checked = false; }); } }); // 全选...
jquery 实现全选，反选，全不选等功能，下面直接以例子进行说明。设页面有如下一组复选框和几个相关按钮（全选，反选，全不选等）：<input type="checkbox" name="fruit" value="apple" />苹果 <input type="checkbox" name="fruit" value="orange" />橘子 <input type="checkbox" name="fruit" value="banana" />香蕉 <input type="checkbox" name="fruit" value="grape" />葡萄<input type="button" id="btn1" value="全选"> <in...
jQuery判断checkbox（复选框）是否被选中：if($("#id").attr("checked")==true)jQuery实现checkbox（复选框）选中、全选/反选代码：<!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=utf-8" /> <title>jQuery如何判断checkbox（复选...
话不多说，请看代码<!DOCTYPE html> <html> <head><meta charset="UTF-8"><title>Document</title> </head> <body><form><label for="apple">苹果</label><input type="checkbox" name="apple"><label for="banana">香蕉</label><input type="checkbox" name="banana"><label for="orange">橘子</label><input type="checkbox" name="orange"><input type="button" value="全选" onclick="allPick()"><input type="button" value="...
此代码简单但适用。 var tog = false; // or true if they are checked on load $('a').click(function() { $("input[type=checkbox]").attr("checked",!tog); tog = !tog; });需要的码农可以拿去实验一下，效果不错。
使用方法:我们先把下面的JS保存为有个文件,到时候调用，淡然你也可以直接写在页面内,推荐使用前者,方便重用: 代码如下:(function($){ $.fn.checkgroup = function(options){ //merge settings settings=$.extend({ groupSelector:null, groupName:group_name, enabledOnly:false },options || {}); var ctrl_box=this; //allow a group selector override option var grp_slctr = (settings.groupSelector==null) ? input[name=+s...
代码如下: $(function() { $("#checkall").click(function() { $("input[@name='checkname[]']").each(function() { $(this).attr("checked", true); }); }); $("#delcheckall").click(function() { $("input[@name='checkname[]']").each(function() { $(this).attr("checked", false); }); }); }); value1 value2 value3 更加简单的一种: 代码如下:$("#checkall").click( function(){ if(this.checked){ $("input[name='chec...
//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...
我已经阅读 a 用DOM方式来判断是否被选中 代码如下: $(function(){ var $cr = $("#cr"); var cr =$cr[0]; $cr.click(function(){ if(cr.checked){ alert("谢谢注册"); } else{ alert("NO"); } }); });
1、复选框全选操作：其实说到底就是对Jquery 选择器的运用，点我查看Jquery选择器 html代码: 代码如下: Jquey js 脚本: 代码如下: $(#checkAll).click (checkAll); // 全选 $(#checkFootball).click (checkFootball); // 单选足球 }); function checkAll() { $(input [type="checkbox"][name="item"]).attr ("checked", true); // $([name="item"]:checkbox).attr("checked", true); } 注： 全反选只需要将这里的 true 换成 f...
先上效果图: html: 代码如下: 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 JS: 代码如下: (function($){ $.fn.imagecheckbox = function(options) { var defaults = { checked: "images/radio.gif", unchecked: "no_images/radio.gif", css: "on", hide_radios_checkboxes: false }; var opt = $.extend(defaults, options); this.each(function(){ var obj = $(thi...
代码如下: //是否被选中验证有选中的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() { v...
上图是经过css和jquery美化后的效果，怎么样呢？是不是很爽啊！这个是我从另一个脚本库看到的一个效果，觉得挺不错的，然后就用jquery自己实现了一个。供大家鉴赏！ 话不多说，直接上代码： 代码如下: 打造个性化的单选框和复选框 * { margin: 0; padding: 0; font-size: 12px; } .formt { width: 400px; margin: 10px auto; border: 1px solid #ccc; height: 200px; padding: 10px; } .unselected { background-image: url(r...
作者：Chris Spooner翻译：Terry li - GBin1.com英文： jQuery Plugins for Styling Checkbox & Radio Buttons web开发中所有的输入控件中复选框和单选框的样式是最难去设计的，因为不同的浏览器及其操作系统对于样式的渲染展现是不一样的。但是在jQuery的帮 助下我们可以整体的改变他们的样式。这里我们将介绍12款实用的美化插件来帮助大家设计简单直白的按钮设计，或者时尚的Iphone类型的开关按钮。Fancy checkboxes and radio b...