当前位置:asp编程网>技术教程>Javascript教程>  正文

jquery实现radio按纽全不选和checkbox全选的实例

2012-07-12 13:14:09   来源:www.aspbc.com    作者:wangsdong   浏览量:4663   收藏
用jquery实现以下两个这个功能:

1、对所有单选按纽中radio全不选
单选按纽:<input type="radio" name="f1">A <input type="radio" name="f1" checked>B <input type="radio" name="f1">C
<script type="text/javascript" src="http://www.aspbc.com/js/jquery.js"></script>
<script type="text/javascript">
$("input[name='f1']").attr("checked",false);
</script>
(鼠标移到代码上去,在代码的顶部会出现四个图标,第一个是查看源代码,第二个是复制代码,第三个是打印代码,第四个是帮助)


2、对复选框checkbox的全选和全不选

多选按纽:<input type="checkbox" name="f2">A <input type="checkbox" name="f2">B <input type="checkbox" name="f2">C 
<script type="text/javascript" src="http://www.aspbc.com/js/jquery.js"></script>
<script type="text/javascript">
$("input[name='f2']").attr("checked",true); //全选
//$("input[name='f2']").attr("checked",false); //全不选
</script>
(鼠标移到代码上去,在代码的顶部会出现四个图标,第一个是查看源代码,第二个是复制代码,第三个是打印代码,第四个是帮助)


关于我们-广告合作-联系我们-积分规则-网站地图

Copyright(C)2013-2017版权所属asp编程网