页面如下:
源码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>demo04.html</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<script type="text/javascript" src="../js/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#ckbAll").click(function(){
$("input[name='fav']").attr("checked",true);
});
$("#ckbno").click(function(){
$("input[name='fav']").attr("checked",false);
});
$("#ckbrec").click(function(){
$("input[name='fav']").each(function(){
// $(this).attr("checked",!$(this).attr("checked"));
this.checked=!this.checked;//用的是Dom的属性
});
});
});
</script>
</head>
<body>
<div>
<input type="checkbox" name="fav" value="看书1" checked="checked"/>看书1
<input type="checkbox" name="fav" value="看书2" checked="checked"/>看书2
<input type="checkbox" name="fav" value="看书3" checked="checked"/>看书3
<input type="checkbox" name="fav" value="看书4" checked="checked"/>看书4
</div>
<div>
<input type="button" id="ckbAll" value="全选"/><br/><br/>
<input type="button" id="ckbno" value="全不选"/><br/><br/>
<input type="button" id="ckbrec" value="反选"/><br/>
</div>
</body>
</html>
分享到:
相关推荐
jquery Checkbox 全选 反选 全不选 多种实现方法 和表单验证
jquery、js操作checkbox全选反选.docx
Jquery全选反选Checkbox 简单好用 复用性很好 欢迎下载
jQuery实现复选框checkbox的全选与反选功能,不用多介绍了吧,以往都是基于纯js的实现比较多,这个是引入了jquery,或许更能满足现在的前端设计吧。
jquery实现checkbox全选、反选、全部选,很不错的资源,欢迎大家下载学习var langType=""; var arLangType = []; $("[name='langType'][checked]").each(function(i) { arLangType[i]=$(this).val(); }); ...
页面上通过一个checkbox实现全选与反选
单击“商品列表”下的复选框,在“您选择的商品”下显示选项,取消勾选则移除选项。包括全选,反选功能。 效果图:http://img.my.csdn.net/uploads/201212/19/1355892213_4318.jpg
NULL 博文链接:https://xdwangiflytek.iteye.com/blog/1343416
jQuery有些版本中实现CheckBox全选/全不选/反选会有bug,经测试jquery-1.3.1.js–>测试通过,jquery-1.5.1.js–>测试不通过。 实现CheckBox全选/全不选/反选代码如下: <%@ page language="java" ...
checkbox使用jquery全选-反选-取得选中的值-完整的例子
checkbox 全选和反选,一次性解决,用jquery来做
checkbox全选反选的文章在以前也有介绍很多,实在是不想在提起了,然而身边还是有些朋友不会,于是3分钟写出来一个估计有很多bug
jquery checkbox全选反选效果代码,需要的朋友可以参考下。
2、取消全选(全不选) $("#btn2").click(function(){ $("input[name='checkbox']").removeAttr("checked"); }) 3、选中所有奇数 $("#btn3").click(function(){ $("input[name='checkbox']:odd").attr("check
本代码是在众多的jQuery复选框功能代码中精选出来的,本人项目中使用的代码,这里分享给大家。 jQuery代码: 代码如下: $(function(){ $(“#checkedAll”).click(function(){ $(‘[name=items]:checkbox’)...
用jquery实现的checkbox全选和反选代码,需要的朋友可以参考下。
摘要:脚本资源,jQuery,全选,反选 三个基于jQuery的JS复选框全选反选例子,实用的网页特效,三款例子大同小异。所有checkbox跟着全选的checkbox走,定义一个临时变量,避免重复使用同一个选择器选择页面中的元素,...
jquery attr()方法获取标签的 checked 会有问题,所以用了 prop() 方法。 Hml的checkbox没有加name,只用了 div 嵌套。 如有更好的方法,望指点!! //全选 $('#allChecked').change(function(){ $('#box').children...
jquery方法如下: 代码如下: function CheckAll(val) { $(“input[name=’chkJob’]”).each(function() { this.checked = val; }); $(“#chkAll”).attr(“checked”, val);... eg: javascript 全选反选代码 代码如下