当前位置:K88软件开发文章中心编程语言JavaScriptJS01 → 文章内容

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

减小字体 增大字体 作者:wangsdong     来源:asp编程网  发布时间:2018-12-30 8:58:25

用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.K88.NET/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.K88.NET/js/jquery.js">
<
/script>
<
script type="text/javascript">
$("input[name='f2']").attr("checked",true)
//全选//$("input[name='f2']").attr("checked",false)
//全不选<
/script>
(鼠标移到代码上去,在代码的顶部会出现四个图标,第一个是查看源代码,第二个是复制代码,第三个是打印代码,第四个是帮助)


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