使用jquery与图片美化checkbox和radio控件的代码(打包下载)_jquery

WBOY

Libérer： 2016-05-16 18:16:32

original

1296 Les gens l'ont consulté

效果图:
使用jquery与图片美化checkbox和radio控件的代码(打包下载)_jquery
HTML:

复制代码代码如下:

aaaaaa
bbbbbb
ccccc
ddddd

AAAAAA
BBBBBBBB
CCCCCC
DDDDDD

JS:

复制代码代码如下:

 
$(function(){ 
$('#chklist').hcheckbox(); 
$('#radiolist').hradio(); 
$('#btnOK').click(function(){ 
var checkedValues = new Array(); 
$('#chklist :checkbox').each(function(){ 
if($(this).is(':checked')) 
{ 
checkedValues.push($(this).val()); 
} 
}); 
alert(checkedValues.join(',')); 
alert($('#radiolist :checked').val()); 
}) 
}); 

引入jquery文件是必须的
还有一个是 checkbox 的插件JS文件 jquery-hcheckbox.js, 在下载的压缩包中有源文件和 DEMO
如果在此基础上您做出了更美的请通知我哦~~
演示地址 http://demo.jb51.net/js/jQuery_HCheckbox/index.html
打包下载地址

Étiquettes associées：

Radio 美化

source：php.cn

Article précédent：基于jquery的选择标签至文本域效果,可多选/可过滤重复/可限制个数的实现代码_jquery Article suivant：基于MooTools的很有创意的滚动条时钟动画_javascript技巧

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur