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

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

WBOY
發布: 2016-05-16 18:16:32
原創
1322 人瀏覽過

效果图:
使用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
打包下载地址
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板