使用jquery与图片美化checkbox和radio控件的代码(打包下载)
2010-11-11 00:00
746 查看
效果图:
HTML:
JS:
引入jquery文件是必须的
还有一个是 checkbox 的插件JS文件 jquery-hcheckbox.js, 在下载的压缩包中有 源文件 和 DEMO
如果在此基础上您做出了更美的请通知我哦~~
演示地址 http://demo.jb51.net/js/jQuery_HCheckbox/index.html
打包下载地址
HTML:
<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:
$(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
打包下载地址
相关文章推荐
- 使用jquery与图片美化checkbox和radio控件的代码(打包下载)
- 使用jquery 美化 checkbox 和 radio 控件
- Control Study->AdRotator广告控件显示自定义配置文件中广告以及与DataGrid控件结合使用显示图片(示例代码下载)
- Control Study->AdRotator广告控件显示自定义配置文件中广告以及与DataGrid控件结合使用显示图片(示例代码下载)
- Control Study->AdRotator广告控件显示自定义配置文件中广告以及与DataGrid控件结合使用显示图片(示例代码下载)
- Control Study->AdRotator广告控件显示自定义配置文件中广告以及与DataGrid控件结合使用显示图片(示例代码下载)
- jQuery中下拉select、复选checkbox、单选radio的操作代码
- 一段jquery代码 radio checkbox
- 在Silverlight页面里显示HTML的免费控件下载(附使用方法代码)
- 使用PHP下载CSS文件中的图片的代码
- 使用CSS美化radio和checkbox
- 选择控件:select ,radio,checkbox之用jquery获取选中值的小结
- jQuery获取Radio,CheckBox选择的Value值(示例代码)
- 使用PHP实现密保卡功能实现代码<打包下载直接运行>
- jQuery LigerUI 插件介绍及使用之ligerDrag和ligerResizable示例代码打包
- Asp.net 2.0 自定义控件开发专题[详细探讨页面状态(视图状态和控件状态)机制及其使用场景](示例代码下载)
- 分享25个网站常用基于jquery焦点图图片展示代码下载
- Jquery 操作Html 控件 CheckBox、Radio、Select 控件
- Jquery操作radio,checkbox,select表单操作实现代码
- 使用PHP实现密保卡功能实现代码<打包下载直接运行>