欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

使用jquery與圖片美化checkbox和radio控件的代碼(打包下載)

 更新時(shí)間：2010年11月11日 14:16:23   作者：  
用jquery實(shí)現(xiàn)的對(duì)checkbox和radio控件的美化，非常不錯(cuò)，大家可以通過(guò)修改圖片來(lái)實(shí)現(xiàn)更漂亮的效果。
效果圖:
 
HTML:
復(fù)制代碼 代碼如下:

<div id="chklist" style="padding:10px; font-size:14px; ">
<input type="checkbox" value='1' /><label>aaaaaa</label>
<input type="checkbox" value='2' /><label>bbbbbb</label>
<input type="checkbox" value='3' /><label>ccccc</label>
<input type="checkbox" value='4' /><label>ddddd</label>
</div>
<div id="radiolist" style="padding:10px; font-size:14px; ">
<input name='r' type="radio" value='11' /><label>AAAAAA</label>
<input name='r' type="radio" value='21' /><label>BBBBBBBB</label>
<input name='r' type="radio" value='31' /><label>CCCCCC</label>
<input name='r' type="radio" value='41' /><label>DDDDDD</label>
</div>


JS:
復(fù)制代碼 代碼如下:

$(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文件是必須的
還有一個(gè)是 checkbox 的插件JS文件 jquery-hcheckbox.js, 在下載的壓縮包中有 源文件 和 DEMO
如果在此基礎(chǔ)上您做出了更美的請(qǐng)通知我哦~~
演示地址 http://demo.jb51.net/js/jQuery_HCheckbox/index.html
打包下載地址

相關(guān)文章

最新評(píng)論