首頁 >web前端 >js教程 >使用jquery与图片美化checkbox和radio控件的代码(打包下载)_jquery

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

WBOY
WBOY原創
2016-05-16 18:16:321328瀏覽

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

复制代码 代码如下:















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
打包下载地址
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn