jquery checkbox复选框特效代码下载


jquery checkbox复选框特效代码下载
jquery checkbox复选框特效代码下载以及复选框等js/jquery网页特效代码下载。

1. 引入JS

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.checkbox.js"></script>

2. HTML代码

<div class="demo">	
	<h2>jquery插件版 -全选反选</h2>
	<div id="checked">
		<div class="mar20">
			<input name="checkbox" type="checkbox" value="checkbox1" id="checkbox1" /><label for="checkbox1">1.17sucai网页特效 <a href="https://www.51qianduan.com/" target="_blank">51前端</a></label>
		</div>
		<div class="mar20">
			<input type="checkbox" name="checkbox" value="checkbox2" id="checkbox2" /><label for="checkbox2">1.17sucai网页特效 <a href="https://www.51qianduan.com/" target="_blank">51前端</a></label>
		</div>
		<div class="mar20">
			<input type="checkbox" name="checkbox" value="checkbox3" id="checkbox3" /><label for="checkbox3">1.17sucai网页特效 <a href="https://www.51qianduan.com/" target="_blank">51前端</a></label>
		</div>
		<div class="mar20">
			<input type="checkbox" name="checkbox" value="checkbox4" id="checkbox4" /><label for="checkbox4">1.17sucai网页特效 <a href="https://www.51qianduan.com/" target="_blank">51前端</a></label>
		</div>
		<div class="mar20">
			<input type="checkbox" name="checkbox" value="checkbox5" id="checkbox5" /><label for="checkbox5">1.17sucai网页特效 <a href="https://www.51qianduan.com/" target="_blank">51前端</a></label>
		</div>
	</div>
	<div class="mar20">
		<input type="submit" name="1" id="allchoose" value="全选" />
		<input type="submit" name="2" id="delete" value="全不选" />
		<input type="submit" name="3" id="reverse" value="反选" />
		<input type="submit" name="4" id="exit" value="看看我选择了什么" />
	</div>
	<h2><a target="_blank" href="checkbox/demo.html">点击查看jquery版 -全选反选</a></h2>
</div>	

相关推荐

发表评论

相关文章