程序博客网 > 新手基金知乎

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

来源：互联网发布：新手基金知乎编辑：程序博客网时间：2024/05/21 12:05

页面如下：

源码：

[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>

新手基金知乎

新手基金知乎

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子淞南房价淞南二手房淞南铁血淞沪血战淞沪淞沪淞沪风云铁血淞沪在线播放血战淞沪全集01 淠淠河淠怎么读淠史杭淡菜淡云淡淡镉绿色天高云淡意思天高云淡赶尸艳艳淡看淡一切善待自己淡组词天高云淡造句淡竹叶功效与作用轻云淡作品大笨淡你们二次元真玩轻云淡风轻云淡淡竹叶看淡一切善待自己图淡菜做法淡盐水的功效君子之交淡如水什么意思 pr淡入淡出 pr音频淡入淡出怎么弄农女倾城渐进淡出花开淡墨痕淡墨青衫淡墨淡墨青衫作品花开淡墨竹里居士