"jQuery checkbox v.1.0.0" demo

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 Name	First Name	Title
Davolio	Nancy	Sales Representative
Fuller	Andrew	Vice President, Sales
Leverling	Janet	Sales Representative
Peacock	Margaret	Sales Representative
Buchanan	Steven	Sales Manager
Suyama	Michael	Sales Representative
King	Robert	Sales Representative
Callahan	Laura	Inside Sales Coordinator
Dodsworth	Anne	Sales 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

"jQuery checkbox v.1.0.0" demo

Default skin

Safari skin

Radio button

Code

jQuery 插件 checkbox(美化版)