masyarakat Belajar Perpustakaan Alatan Masa lapang

Melayu

Rumah > hujung hadapan web > tutorial js > 使用jquery与图片美化checkbox和radio控件的代码(打包下载)_jquery

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

WBOY

Lepaskan： 2016-05-16 18:16:32

asal

1323 orang telah melayarinya

效果图:
使用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
打包下载地址

Label berkaitan：

Radio mencantikkan

sumber：php.cn

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

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang