{
    分享网正式开通,我们为大家提供免费资源,欢迎大家踊跃投稿!

jQuery单选按钮和复选按钮美化效果

一款非常好看的jQuery单选按钮和复选按钮美化效果,精装单选框复选框美化代码。


js代码

<script type="text/javascript" src="2.3/js/inpitassembly-2.0.js"></script>
<script src="js/highlight.min.js"></script>
<script>
	$(document).ready(function(){
		
		$("#inpitassembly").inpitassembly({
			selected:"ack",
			ischeck_:true,
			ischeck_class:false,
			max:function(event,max){
				alert("最大"+max)
			},
			min:function(event,min){
				alert("最小"+min)
			}
		});				
		$("#inpitassembly").find("button").click(function(){
			// * ==========================
			// * 向check_result方法传本身
			// * 如果你忘记,inpit/assembly依旧会提醒你
			// * ==========================
			var val = check_result($(this));
			alert(val[0].data);
		});	
		
		$("[type='inpit/assembly']").inpitassembly({
			selected:"ack",
			max:function(event,max){
				alert("最大"+max)
			},
			min:function(event,min){
				alert("最小"+min)
			}					
		});
		$("[type='inpit/assembly']").find("button").click(function(){
			// * ==========================
			// * 向check_result方法传本身
			// * 如果你忘记,inpit/assembly依旧会提醒你
			// * ==========================
			var val = check_result($(this));
			alert(val[0].data);
		});					
		$(".insideonelist").click(function(){
			var val = check_result("inside_onelist");
			alert(val[0].data);
		});			
	})			
	
	hljs.initHighlightingOnLoad();
	
	var objadd = $(".add"),
		objadd_inx = 8;
		
		objadd.click(function() {
			objadd.before(
				`
					<div name="d-b" value="A`+objadd_inx+`">
						<h2>A` + objadd_inx + `</h2>
						<p>A` + objadd_inx + `</p>
					</div>						
				`
			);
			++objadd_inx;
		});
</script>


在线预览
资源均来自第三方,谨慎下载,前往第三方网站下载


米微资源分享网 , 版权所有丨本站资源仅限于学习研究,严禁从事商业或者非法活动!丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:jQuery单选按钮和复选按钮美化效果
喜欢 ()分享 (0)