`

jquery 各种不同效果的自定义美化input radio checkbox 单选框和复选框美化

 
阅读更多

jquery 各种不同效果的自定义美化input radio checkbox 单选框和复选框美化

本站之前发过类似的文章《jquery 各种不同效果的自定义美化input radio checkbox 单选框和复选框美化》

本列更加简洁

css和js文件请到演示页面查看源码

jquery 各种不同效果的自定义美化input radio checkbox 单选框和复选框美化

 

 

XML/HTML Code
  1. <input type="radio" name="reading" value="0" id="reading_0" /> <label for="reading_0">Very much</label>  
  2. <input type="radio" name="reading" value="1" id="reading_1" /> <label for="reading_1">Sometimes</label>  
  3. <input type="radio" name="reading" value="2" id="reading_2" /> <label for="reading_2">Better watch movie</label>  
  4. <input type="radio" name="reading" value="3" id="reading_3" /> <label for="reading_3">Hate it</label><br>  
  5. <br>  
  6. <label><input type="checkbox" name="think" value="0" /> Self</label>  
  7. <label><input type="checkbox" name="think" value="1" /> Money</label>  
  8. <label><input type="checkbox" name="think" value="2" /> Stuff</label>  
  9. <label><input type="checkbox" name="think" value="3" /> Health</label>  
  10. <label><input type="checkbox" name="think" value="4" /> Work</label>  
  11. <label><input type="checkbox" name="think" value="5" checked /> Rest</label>  
  12. <label><input type="checkbox" name="think" value="6" disabled checked /> Sex</label>  
  13. <script>  
  14. $(function(){  
  15.     $("input[type='radio'], input[type='checkbox']").ionCheckRadio();  
  16. });  
  17. </script>  

 


原文地址:http://www.freejs.net/article_biaodan_206.html

0
0
分享到:
评论

相关推荐

    hcheckbox,Checkbox,radio,复选框和单选框美化.rar

    hcheckbox,Checkbox,radio,复选框和单选框美化jQuery版,朋友们先看看效果图,将呆板的单选框和复选框变成各种颜色风格的漂亮按钮,发光效果,jQuery用来实现这么简单的东西,你是不是会认为有点大材小用呢?...

    jQery hcheckbox 美化Checkbox和radio(复选框和单选框)

    摘要:脚本资源,jQuery,表单美化 jQuery hcheckbox 美化Checkbox和radio(复选框和单选框),朋友们先看看效果图,将呆板的单选框和复选框变成各种颜色风格的漂亮按钮,发光效果,jQuery不但可用来实现Ajax网页特效...

    模拟单选和复选框

    使用自定义图片改变单选框和复选框背景,使用了javascript配合,以检测目前主流浏览器的兼容性,没有问题,使用时只需要修改背景图片即可使用

    jquery-checkview:这个jQuery插件启用复选框和单选按钮的自定义CSS样式

    这个jQuery插件启用复选框和单选按钮的自定义CSS样式。 特征 自定义CSS样式 键盘和标签控制 用法 包括依赖 &lt; script src =" http://code.jquery.com/jquery-1.11.2.min.js " &gt; &lt;/ script &gt; &lt; script...

    Jquery 获取表单text,areatext,radio,checkbox,select值的代码

    jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[@name=items][@checked]’).val(); 获取select被选中项的文本 var ...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    18.jQuery美化复选框Checkbox和radio单选框的插件hcheckbox示例 19.jQuery漂亮Flash卡通动感菜单示例 20.jQuery漂亮动感二级网站导航菜单源码下载 21.jquery漂亮苹果系统动画效果的导航菜单示例 22.jquery...

    jQuery.HCheckbox.rar_WEB开发_Java_

    jQuery hcheckbox 美化Checkbox和radio(复选框和单选框),朋友们先看看效果图,将呆板的单选框和复选框变成各种颜色风格的漂亮按钮,发光效果,jQuery不但可用来实现Ajax网页特效,也可用来美化网页上固有的WEB...

    转换单/复选框功能的插件rcSwitcher.zip

    rcSwitcher (Radio Checkbox Switcher) 是一款能够让单选框和复选框转换成开关的 jQuery 插件,它能让你的收音机看起来更加漂亮。 代码示例: // convert all checkboxs to switchs $('input[type=...

    jQuery完全实例.rar

    在文档的第一个表单中,查找所有的单选按钮(即: type 值为 radio 的 input 元素)。 jQuery 代码: $("input:radio", document.forms[0]); --------------------------------------------------------------------...

    HTML常用表单元素操作源码

    在Web开发中,要经常操作表单元素,如input输入框,select下拉选择框,radio单选按钮,checkbox复选框等。这个包含了常用表单元素操作的代码。

    jQuery表单域属性过滤器用法分析

    表单内包含各种各样的表单域,使用表单域属性选择器可以很好的获取已被选中的单选按钮,复选框以及列表项,也可以根据是否可用从文档中查找表单域。 1. :checked选择器 用于选择所有被选中的表单域。格式: 代码如下:...

    jQuery 取值、赋值的基本方法整理

    /*获得TEXT.AREATEXT的值*/ var textval = $(“#text_id”).attr(“value”); //或者 var textval = $(“#text_id”).val(); /*获取单选按钮的值*/ var ... /*获取复选框的值*/ var checkboxval = $(“#checkbox_i

Global site tag (gtag.js) - Google Analytics