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

　　<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>

　　$(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());

　　})

　　});