jquery click事件制作iphone風格的單選框樣式/復選框樣式



155 618 207



特效描述:單選框樣式 復選框樣式,像IPHONE手機一樣做按鈕切換效果

代碼結構

1. 引入JS

<script type="text/javascript" src="js/jquery.js"></script>

2. HTML代碼

<div style="width:620px;margin:40px auto 0 auto;">
	<h2>iPhone風格的單選框和復選框</h2>
	<p class="field switch">
		<input type="radio" id="radio1" name="field"  checked />有效 
		<input type="radio" id="radio2" name="field" />無效
		<label for="radio1" class="cb-enable selected"><span>有效</span></label>
		<label for="radio2" class="cb-disable"><span>無效</span></label>
	</p>
	<p class="field switch">
		<label class="cb-enable selected"><span>選中</span></label>
		<label class="cb-disable"><span>取消</span></label>
		<input type="checkbox" id="checkbox" class="checkbox" name="field2" /> 復選框
	</p>
</div>



用戶評論
大牛,別默默的看了,快登錄幫我點評一下吧!:)      登錄 | 注冊


熱門標簽: 滑動 滑塊 滑動門 觸屏滑動 滑動插件 滑塊插件 切換按鈕 表單 表單美化 表單插件 表單美化插件 滑動選項卡 滑動切換 單選框 單選按鈕 按鈕控制
?
×
×

注冊

官方QQ群

掃描上面二維碼加微信群

官方QQ群

jQuery/js討論群
群號:642649996
Css3+Html5討論群
群號:322131262

加群請備注:從官網了解到

湖北30选5开奖结果走势图表