jQuery小结第四天（选择案例解析）

2013-03-25

jQuery总结第四天（选择案例解析）页面如下：源码：[html] view plaincopyprint?!DOCTYPE HTML PUBLIC -//W3

jQuery总结第四天（选择案例解析）

页面如下：

jQuery小结第四天（选择案例解析）

源码：

[html] view plaincopyprint?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>
<head><title>demo04.html</title>
<metahttp-equiv="keywords"content="keyword1,keyword2,keyword3">
<metahttp-equiv="description"content="this is my page"><metahttp-equiv="content-type"content="text/html; charset=UTF-8">
<scripttype="text/javascript"src="../js/jquery-1.9.1.js"></script>
<scripttype="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>
<inputtype="checkbox"name="fav"value="看书1"checked="checked"/>看书1<inputtype="checkbox"name="fav"value="看书2"checked="checked"/>看书2
<inputtype="checkbox"name="fav"value="看书3"checked="checked"/>看书3<inputtype="checkbox"name="fav"value="看书4"checked="checked"/>看书4
</div>
<div><inputtype="button"id="ckbAll"value="全选"/><br/><br/>
<inputtype="button"id="ckbno"value="全不选"/><br/><br/><inputtype="button"id="ckbrec"value="反选"/><br/>
</div></body>
</html>

热点排行

编程