jquery 各种不同效果的自定义美化input radio checkbox 单选框和复选框美化
XML/HTML Code
- <input type="radio" name="reading" value="0" id="reading_0" /> <label for="reading_0">Very much</label>
- <input type="radio" name="reading" value="1" id="reading_1" /> <label for="reading_1">Sometimes</label>
- <input type="radio" name="reading" value="2" id="reading_2" /> <label for="reading_2">Better watch movie</label>
- <input type="radio" name="reading" value="3" id="reading_3" /> <label for="reading_3">Hate it</label><br>
- <br>
- <label><input type="checkbox" name="think" value="0" /> Self</label>
- <label><input type="checkbox" name="think" value="1" /> Money</label>
- <label><input type="checkbox" name="think" value="2" /> Stuff</label>
- <label><input type="checkbox" name="think" value="3" /> Health</label>
- <label><input type="checkbox" name="think" value="4" /> Work</label>
- <label><input type="checkbox" name="think" value="5" checked /> Rest</label>
- <label><input type="checkbox" name="think" value="6" disabled checked /> Sex</label>
- <script>
- $(function(){
- $("input[type='radio'], input[type='checkbox']").ionCheckRadio();
- });
- </script>
相关推荐
hcheckbox,Checkbox,radio,复选框和单选框美化jQuery版,朋友们先看看效果图,将呆板的单选框和复选框变成各种颜色风格的漂亮按钮,发光效果,jQuery用来实现这么简单的东西,你是不是会认为有点大材小用呢?...
摘要:脚本资源,jQuery,表单美化 jQuery hcheckbox 美化Checkbox和radio(复选框和单选框),朋友们先看看效果图,将呆板的单选框和复选框变成各种颜色风格的漂亮按钮,发光效果,jQuery不但可用来实现Ajax网页特效...
使用自定义图片改变单选框和复选框背景,使用了javascript配合,以检测目前主流浏览器的兼容性,没有问题,使用时只需要修改背景图片即可使用
这个jQuery插件启用复选框和单选按钮的自定义CSS样式。 特征 自定义CSS样式 键盘和标签控制 用法 包括依赖 < script src =" http://code.jquery.com/jquery-1.11.2.min.js " > </ script > < script...
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $(‘input[@name=items][@checked]’).val(); 获取select被选中项的文本 var ...
18.jQuery美化复选框Checkbox和radio单选框的插件hcheckbox示例 19.jQuery漂亮Flash卡通动感菜单示例 20.jQuery漂亮动感二级网站导航菜单源码下载 21.jquery漂亮苹果系统动画效果的导航菜单示例 22.jquery...
jQuery hcheckbox 美化Checkbox和radio(复选框和单选框),朋友们先看看效果图,将呆板的单选框和复选框变成各种颜色风格的漂亮按钮,发光效果,jQuery不但可用来实现Ajax网页特效,也可用来美化网页上固有的WEB...
rcSwitcher (Radio Checkbox Switcher) 是一款能够让单选框和复选框转换成开关的 jQuery 插件,它能让你的收音机看起来更加漂亮。 代码示例: // convert all checkboxs to switchs $('input[type=...
在文档的第一个表单中,查找所有的单选按钮(即: type 值为 radio 的 input 元素)。 jQuery 代码: $("input:radio", document.forms[0]); --------------------------------------------------------------------...
在Web开发中,要经常操作表单元素,如input输入框,select下拉选择框,radio单选按钮,checkbox复选框等。这个包含了常用表单元素操作的代码。
表单内包含各种各样的表单域,使用表单域属性选择器可以很好的获取已被选中的单选按钮,复选框以及列表项,也可以根据是否可用从文档中查找表单域。 1. :checked选择器 用于选择所有被选中的表单域。格式: 代码如下:...
/*获得TEXT.AREATEXT的值*/ var textval = $(“#text_id”).attr(“value”); //或者 var textval = $(“#text_id”).val(); /*获取单选按钮的值*/ var ... /*获取复选框的值*/ var checkboxval = $(“#checkbox_i