<html>
<head>
<title>checkradio.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript">
function getCheck(){
var favs = document.getElementsByName("fav");
for(var i=0;i<favs.length;i++){
if(favs[i].checked){
alert(favs[i].value);
//break;//单选框 只有一个被选择
}
if(favs[i].value==3){
favs[i].checked=true;
}
}
}
function operMusic(type){
var music = document.getElementsByName("music");
for(var i=0;i<music.length;i++){
if(type=="all"){
music[i].checked = true;
}else if(type=="no"){
music[i].checked = false;
}else if(type=="other"){
music[i].checked = !music[i].checked;
}
}
}
</script>
</head>
<body>
This is my HTML page.
<br>
<input type="checkbox" name="fav" value="1"/>足球
<input type="checkbox" name="fav" value="2"/>篮球
<input type="checkbox" name="fav" value="3"/>桌球
<input type="checkbox" name="fav" value="4"/>乒乓球
<input type="checkbox" name="fav" value="5"/>排球
<input type="checkbox" name="fav" value="6"/>玻璃球
<input type="checkbox" name="fav" value="7"/>网球
<hr/>
<input type="button" value="getCheck" onclick="getCheck();"/>
<hr/>
<input type="checkbox" name="music" value="11"/>爱情买卖<br/>
<input type="checkbox" name="music" value="12"/>两只蝴蝶<br/>
<input type="checkbox" name="music" value="13"/>好日子<br/>
<input type="checkbox" name="music" value="14"/>我要去西藏<br/>
<input type="checkbox" name="music" value="15"/>我和你<br/>
<input type="checkbox" name="music" value="16"/>化蝶<br/>
<input type="checkbox" name="music" value="17"/>时间都去哪了<br/>
<input type="checkbox" name="music" value="18"/>忐忑<br/>
<input type="checkbox" name="music" value="19"/>法海不懂爱<br/>
<input type="checkbox" name="music" value="10"/>爱你一万年<br/>
<hr/>
<input type="button" value="全选" onclick="operMusic('all');"/>
<input type="button" value="反选" onclick="operMusic('other');"/>
<input type="button" value="全否" onclick="operMusic('no');"/>
</body>
</html>
分享到：
相关推荐
DataGridView表头添加checkbox实现全选反选
android checkbox全选反选
高级控件（datagridview等）中加入checkbox实现全选和反选经典例子
jquery、js操作checkbox全选反选.docx
Jquery全选反选Checkbox 简单好用 复用性很好 欢迎下载
资源名称：JS实现checkbox的全选和反选资源截图： 资源太大，传百度网盘了，链接在附件中，有需要的同学自取。
三种方式实现checkbox全选，反选，最简单的js技术；基于java代码，简单易懂，提供三3个demo，每一个都能实现
页面上通过一个checkbox实现全选与反选
Checkbox全选反选.html
js特效制作js checkbox复选框全选 反选 取消全部等设置多个表单里面的checkbox复选框勾选特效。内含js代码下载。
js原生，checkbox全选，反选，选特定的值。jq会更简单。。初学时候比用的
实现table表格checkbox复选框的全选 反选.
重写DataGridView,在标头添加复选框，实现列中的复选框全选和反选
jquery Checkbox 全选 反选 全不选 多种实现方法 和表单验证
android ListView中的checkBox全选和反选Demo
js checkbox全选 反选 取消全部设置表单html复选框
NULL 博文链接：https://dazhi4java.iteye.com/blog/1849623
通过checkbox，用javascript实现全选与反选，通过servlet对数据库进行批量的删除
复选框实现datagridview全选反选和全不选,datagridview换颜色（选中复选框之后）
C#的WinForm项目的dataGridView控件的CheckBox的全选、全不选、反选、单选、导出全部、仅导出已选择的项目到Excel的功能。简单明了，一看就懂。 我的腾讯微博：http://t.qq.com/djk8888