html 表单元素美化,jQuery表单元素美化

插件描述：richUI单选按钮，复选框，下拉框，css美化

更新时间：2020-08-01 21:13:17

更新说明：操作按钮方式一致，如绑定事件等。

具体用法如下：$(function() {

//单选

//selected: 默认选中值 * type: 0 或者 1 两种样式

$("input[name='sex']").richradio();

$("input[name='sex2']").richradio();

$("input[name='sex3']").richradio({

selected: "女"

});

$("input[name='sex4']").richradio({

selected: "未知",

type: "1"

});

/ /复选

// allBtn:是否出现全选按钮,默认 false

// * checkAll: 全选，默认false

// * selected: 默认选中值

// * type: 0 或者 1 两种样式

$("input[name='xingqu']").richcheckbox();

$("input[name='xingqu2.aa']").richcheckbox({

allBtn: true,

checkAll: true

});

$("input[name='xingqu3']").richcheckbox({

allBtn: true

});

$("input[name='xingqu4']").richcheckbox({

allBtn: true,

selected: "2,4",

type: 1

});

//下拉框

//type: single(单选，默认)，multi(多选)

* selected：默认选中值 *

width：宽度

$("#mySelect").richselect();

$("#mySelect2").richselect({

selected: "搜狐"

});

$("#mySelect3").richselect({

type: "multi",

placeholder: "hello"

});

$("#mySelect4").richselect({

type: "multi",

selected: "百度,阿里巴巴",

width: "300px"

});

//获取单选按钮选中值alert($("input[name='sex2']").getRadioVal());

//获取复选按钮选中值，数组格式alert($("input[name='xingqu4']").getCheckboxVal());

//获取下拉框选中值，数组格式alert($("#mySelect4").getSelectVal());

html 表单元素美化,jQuery表单元素美化相关推荐

php 获取子孙,jquery如何查找后代元素？jquery获取后代元素方法
在上一篇我们讲到jquery获取父元素?相信你已经学会了,那么下面我们来讲一下jquery如何查找后代元素?jquery获取后代元素方法. 一: 查找后代元素三种方法 (1)children(): ( ...
HTML给表单元素赋值,JQuery表单元素取值赋值方法总结
一.普通文本框的赋值与取值 1.1.1赋值 jQuery 表单元素取值与赋值方法总结 function get(){ var test1 = $("input.test1").va ...
php表单确认密码,jQuery表单验证之密码确认实例详解
本文主要为大家详细介绍了jQuery表单验证之密码确认的实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家. 众所周知,在修改密码时会需要两次输入密码.这时如何确保两个密码框 ...
怎样设置html的元素属性,Jquery怎么设置元素的属性和样式？
Jquery怎么设置元素的属性和样式?下面本篇文章给大家介绍一下使用jQuery操作元素属性与样式的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 元素属性和Dom属性对于下 ...
html添加删除元素属性,jquery怎么删除元素的属性？
jquery怎么删除元素的属性?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 在jquery中,可以使用removeAttr()方法来删除元素的属性.r ...
jq在html中添加dom元素,使用jQuery添加DOM元素的最佳方法
所以我已经看到了三种向页面添加html/DOM元素的方法.我很好奇他们每个人的利弊是什么. 1 - 传统的JavaScript 我相信直接的JS方法是通过构造每个元素,设置属性,然后附加它们.例: v ...
jQuery Form Plugin (jquery表单插件)
jQuery表单插件 jQuery.form 这是一个全面支持表单的jQuery插件,支持文件上传,包含以下一些方法: -ajaxForm -ajaxSubmit - formToArray - fo ...
jQuery 表单插件 -- Form
1.Form 插件简介 jQuery Form 插件是一个优秀的 Ajax 表单插件,可以非常容易地.无侵入地升级 HTML 表单以支持 Ajax. jQuery Form 有两个核心方法 --- a ...
Jquery表单插件ajaxForm用法详解
原文地址: http://www.open-open.com/lib/view/open1325032463827.html 插件主要的方法: ajaxForm ajaxSubmit formToAr ...

html 表单元素美化,jQuery表单元素美化

html 表单元素美化,jQuery表单元素美化相关推荐

最新文章

热门文章

html 表单 元素 美化,jQuery表单元素美化

html 表单 元素 美化,jQuery表单元素美化相关推荐

最新文章

热门文章

html 表单元素美化,jQuery表单元素美化

html 表单元素美化,jQuery表单元素美化相关推荐