"jQuery checkbox v.1.0.0" demo

工程地址  cssrain整理

Default skin

Unchecked checkbox (选中这个后,才可以控制下面的一个.)

Checked checkbox (this one)

Disabled & unchecked checkbox

Disabled & checked checkbox

Safari skin

Unchecked checkbox (by clicking on this checkbox you can check/uncheck the checkbox below)

Checked checkbox (this one)

Disabled & unchecked checkbox

Disabled & checked checkbox

Radio button

1st radio button

2nd radio button

3rd radio button

显示上面的状态

Code

$(document).ready(function() {
  // ":not([safari])" is desirable but not necessary selector
  $('input:checkbox:not([safari])').checkbox();
  $('input[safari]:checkbox').checkbox({cls:'jquery-safari-checkbox'});
  $('input:radio').checkbox();
});	

切换皮肤1   切换皮肤2

 Last NameFirst NameTitle
DavolioNancySales Representative
FullerAndrewVice President, Sales
LeverlingJanetSales Representative
PeacockMargaretSales Representative
BuchananStevenSales Manager
SuyamaMichaelSales Representative
KingRobertSales Representative
CallahanLauraInside Sales Coordinator
DodsworthAnneSales Representative

$("#myform").toggleCheckboxes()反选
$("#myform").toggleCheckboxes(":not(#checkbox1)")NOT top1反选
$("#myform").toggleCheckboxes(".top5", true)TOP5反选
$("#myform").checkCheckboxes(".top5", true)TOP5不选
$("#myform").unCheckCheckboxes(".top5", true)TOP5 选

下载代码说明
X关闭

jQuery 插件 checkbox(美化版)

jQuery Checkboxes插件是基于jQuery的Checkbox精美样式插件,支持jQuery多个版本,极具动感的鼠标反馈,提供有两种样式。本样式把传统的Checkbox变为了左右拨动的形式,鼠标只需点击一下即可改变状态。 在线演示地址://nowjava.com