赵雅智_js复选框全选反选全不选案例
方法1:html界面:
[html]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>nameNode.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">-->
</head>
<script type="text/javascript" src="./js/nameNode1.js" charset="UTF-8"></script>
<body>
<div>
兴趣爱好:
<br>
<br>
<input type="checkbox" name="fav" value="look" checked="checked">
看书
<input type="checkbox" name="fav" value="write">
写字
<input type="checkbox" name="fav" value="drow">
画画
<input type="checkbox" name="fav" value="dubao">
读报
<input type="checkbox" name="fav" value="TV">
看电视
</div>
<div>
<input type="radio" name="hx" id="qx" value="1">
全选
<input type="radio" name="hx" id="fx" value="2">
反选
<input type="radio" name="hx" id="qbx" value="0">
全不选
</div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>nameNode.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">-->
</head>
<script type="text/javascript" src="./js/nameNode1.js" charset="UTF-8"></script>
<body>
<div>
兴趣爱好:
<br>
<br>
<input type="checkbox" name="fav" value="look" checked="checked">
看书
<input type="checkbox" name="fav" value="write">
写字
<input type="checkbox" name="fav" value="drow">
画画
<input type="checkbox" name="fav" value="dubao">
读报
<input type="checkbox" name="fav" value="TV">
看电视
</div>
<div>
<input type="radio" name="hx" id="qx" value="1">
全选
<input type="radio" name="hx" id="fx" value="2">
反选
<input type="radio" name="hx" id="qbx" value="0">
全不选
</div>
</body>
</html>
js代码:
[javascript]
window.onload = function(){
var favs = document.getElementsByName("fav");
//获取id = "qx"的元素节点的对象
var qx = document.getElementById("qx");
//注册事件
qx.onclick = function(){
//遍历所有 那么="fav"的节点对象并且改this.checked=true
for(var i=0;i<favs.length;i++){
var fav = favs[i];
fav.checked="vhecked";
}
}
//
var fx = document.getElementById("fx");
//注册事件
fx.onclick = function(){
//遍历所有 name="fav"的节点对象并且改this.checked=true
for(var i=0;i<favs.length;i++){
var fav = favs[i];
fav.checked=!fav.checked;
}
}
var qbx = document.getElementById("qbx");
//注册事件
qbx.onclick = function(){
//遍历所有 na
补充:web前端 , JavaScript ,
- 更多JS疑问解答:
- 几个验证11位手机号码格式的js代码
- js如何获得FCKeditor控件的值
- 用js限制投票的cookie .目前设置的为:<input type="" class="" onclick="'window.location...
- JS验证,这块“牛皮”反复修改都不能实现
- 在JS中使用DOM模型
- 如何用JS 获取本地文件夹的文件列表
- js中new 了两个Object数组。怎么样将数组内容合并,重复的内容?
- 求实现自动生成图片缩略图的JS代码
- JS脚本网页问题
- js,代码中"object"和"Object"区别?
- js+flash实现网页图片切换效果,出现边框,单击激活此控件。
- JS怎样操作PHP中的参数
- js 怎么在一打开页面就加载这个函数。
- Date.parse()的问题(js)
- <script src="/{maxcms:sitepath}js/common.js"></script>是什么意思