jQuery列表选择美化插件ui-choose

来源:https://www.sucaihuo.com/js/2075.html 2017-05-31 20:39浏览(1056) 收藏

jQuery列表选择美化插件ui-choose,select列表选择框单选、多选选中美化效果。
jQuery列表选择美化插件ui-choose
分类:表单代码 > 筛选 难易:初级
查看演示 下载资源 下载积分: 20 积分

js代码

<script src="js/jquery-1.11.0.min.js"></script>
	<script src="src/ui-choose.js"></script>
	<script>
	// 将所有.ui-choose实例化
	$('.ui-choose').ui_choose();

	// uc_01 ul 单选
	var uc_01 = $('#uc_01').data('ui-choose'); // 取回已实例化的对象
	uc_01.click = function(index, item) {
	    console.log('click', index, item.text())
	}
	uc_01.change = function(index, item) {
	    console.log('change', index, item.text())
	}

	// uc_02 select 单选
	var uc_02 = $('#uc_02').data('ui-choose');
	uc_02.click = function(value, item) {
	    console.log('click', value);
	};
	uc_02.change = function(value, item) {
	    console.log('change', value);
	};

	// uc_03 ul 多选
	var uc_03 = $('#uc_03').data('ui-choose');
	uc_03.click = function(index, item) {
	    console.log('click', index);
	};
	uc_03.change = function(index, item) {
	    console.log('change', index);
	};

	// uc_04 select 多选
	var uc_04 = $('#uc_04').ui_choose();
	uc_04.click = function(value, item) {
	    console.log('click', value);
	};
	uc_04.change = function(value, item) {
	    console.log('change', value);
	};
	</script>
标签: 选择美化列表
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2