js 判断 复选框 中是否有一个被选中 js实现:我在批量删除的时候如果一个都没有选择则弹出“最少选择一条信息” 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <script>function Check(){var chks=document.getElementsByTagName('input');var bl=true;for(var i=0;i<chks.length;i++){ if(chks[i].checked) { bl=false; break; }} if(bl) alert('最少选择一条信息');}</script><div id="divCheck"><input type="checkbox">aaaa</input><input type="checkbox">bbbb</input><input type="checkbox">cccc</input><input type="checkbox">dddd</input><input type="checkbox">eeee</input><input type="button" value="提交" onclick="Check()"></input></div> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title></head><body> <input type="checkbox" /> <input type="checkbox"/> <input type="checkbox"/> <input type="checkbox"/></body><script> var checks = document.getElementsByTagName("input"), cnt = 0, count = 0; for (var i = 0; i < checks.length; i++) { if (checks[i].type == "checkbox") { count += 1; if (checks[i].checked == false) { cnt += 1; } } } if(cnt==count){ alert("最少选择一条信息"); }</script></html> function getId(){ var allBox = document.getElementsByName("ids"); var count = 0; var ary = []; if (allBox.lenght < 1) { alert("没有数据可以选择"); } else { for (var i = 0; i < allBox.length; i++) { if (allBox[i].checked) { count ++; ary.push(allBox[i].value + "!" + allBox[i].getAttribute("deptId")); } } } if (count < 1) { alert("没有选择数据!"); return; } return ary.join(','); } ids是checkbox的name,所有的checkbox的name都一样 呵呵,楼上的代码直接从项目代码中复制出来的吧,应该运行得比较稳定。ids是checkbox的name和id <script>function Check(){ var ck='最少选择一条信息'; var aa = document.getElementsByName("ck"); for (var i=0; i<aa.length; i++) if(aa[i].checked) ck=''; if(ck!="") alert(ck);}</script><form name="f1" id="f1"><input name="ck" type="checkbox" value="a">aaaa</input><input name="ck" type="checkbox" value="b">bbbb</input><input name="ck" type="checkbox" value="c">cccc</input><input name="ck" type="checkbox" value="d">dddd</input><input name="ck" type="checkbox" value="e">eeee</input><input type="button" value="提交" onclick="Check()"></input></form> <html> <head> <title> 复选框全选、全不选、反选、必选一个 </title> <meta http-equiv="content-type" content="text/html;charset=GBK"/> <script language="javascript"> //表单验证 function check(){ var ids = document.getElementsByName("ids"); var flag = false ; for(var i=0;i<ids.length;i++){ if(ids[i].checked){ flag = true ; break ; } } if(!flag){ alert("请最少选择一项!"); return false ; } } //全选 function iselect(){ //其中函数字不能为select 其为JS保留字 var ids = document.getElementsByName("ids"); var all = document.getElementById("all"); for(var i=0;i<ids.length;i++){ ids[i].checked=all.checked; } } //全选 function selectAll(){ var ids = document.getElementsByName("ids"); for(var i=0;i<ids.length;i++){ ids[i].checked=true; } } //全不 function selectNone(){ var ids = document.getElementsByName("ids"); for(var i=0;i<ids.length;i++){ ids[i].checked=false; } } //反选 function selectInvert(){ var ids = document.getElementsByName("ids"); for(var i=0;i<ids.length;i++){ if(ids[i].checked) ids[i].checked=false ; else ids[i].checked=true ; } } </script> </head> <body> <form action="#" onsubmit="return check();"> <table border="0"> <tr><td><input type="checkbox" id="all" onclick="iselect();"></td></tr> <tr><td><input type="checkbox" name="ids">音乐</td></tr> <tr><td><input type="checkbox" name="ids">短信</td></tr> <tr><td><input type="checkbox" name="ids">图片</td></tr> <tr><td><input type="checkbox" name="ids">电子书</td></tr> <tr><td><input type="checkbox" name="ids">铃声</td></tr> <tr><td><input type="checkbox" name="ids">漫画</td></tr> <tr><td><input type="checkbox" name="ids">游戏</td></tr> <tr><td><input type="checkbox" name="ids">杂志</td></tr> <tr><td><input type="checkbox" name="ids">新闻</td></tr> <tr> <td> <a href="#" onclick="selectAll();">全选</a> <a href="#" onclick="selectNone();">全不</a> <a href="#" onclick="selectInvert();">反选</a> </td> </tr> <tr><td><input type="submit" value="提交"></td></tr> </table> </form> </body></html> Ls的已经给出详解了 LZ可以多参考下 各路大神,小弟求指点??如何使用js开启IE9的兼容性视图 JS虚拟数字键盘问题 再次求教:IE9不支持SCRIPT脚本的SRC属性变更了 js实例化excel插件,如何调用打印功能,请使用过的人指教 怎么样传参添加obj属性? 正则,把下面的代码变成正确的?在线等! 大虾帮忙!!!!! >>>300分<<<!!!!!!!!!!!!求javascript效果的菜单一条 如何可以在页面执行的时候动态修改其中的JS脚本变量 javascript提取页面源码 Ext 面试题 高手帮忙注释下这段脚本是什么意思
function Check()
{
var chks=document.getElementsByTagName('input');
var bl=true;
for(var i=0;i<chks.length;i++)
{
if(chks[i].checked)
{
bl=false;
break;
}
}
if(bl) alert('最少选择一条信息');
}
</script>
<div id="divCheck">
<input type="checkbox">aaaa</input>
<input type="checkbox">bbbb</input>
<input type="checkbox">cccc</input>
<input type="checkbox">dddd</input>
<input type="checkbox">eeee</input>
<input type="button" value="提交" onclick="Check()"></input>
</div>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<input type="checkbox" />
<input type="checkbox"/>
<input type="checkbox"/>
<input type="checkbox"/>
</body><script>
var checks = document.getElementsByTagName("input"), cnt = 0, count = 0;
for (var i = 0; i < checks.length; i++) {
if (checks[i].type == "checkbox") {
count += 1;
if (checks[i].checked == false) {
cnt += 1;
}
}
}
if(cnt==count){
alert("最少选择一条信息");
}
</script>
</html>
function getId(){
var allBox = document.getElementsByName("ids");
var count = 0;
var ary = [];
if (allBox.lenght < 1) {
alert("没有数据可以选择");
} else {
for (var i = 0; i < allBox.length; i++) {
if (allBox[i].checked) {
count ++;
ary.push(allBox[i].value + "!" + allBox[i].getAttribute("deptId"));
}
}
}
if (count < 1) {
alert("没有选择数据!");
return;
}
return ary.join(',');
}
ids是checkbox的name,所有的checkbox的name都一样
ids是checkbox的name和id
function Check()
{
var ck='最少选择一条信息';
var aa = document.getElementsByName("ck");
for (var i=0; i<aa.length; i++) if(aa[i].checked) ck='';
if(ck!="") alert(ck);
}
</script><form name="f1" id="f1">
<input name="ck" type="checkbox" value="a">aaaa</input>
<input name="ck" type="checkbox" value="b">bbbb</input>
<input name="ck" type="checkbox" value="c">cccc</input>
<input name="ck" type="checkbox" value="d">dddd</input>
<input name="ck" type="checkbox" value="e">eeee</input>
<input type="button" value="提交" onclick="Check()"></input>
</form>
<html>
<head>
<title>
复选框全选、全不选、反选、必选一个
</title>
<meta http-equiv="content-type" content="text/html;charset=GBK"/>
<script language="javascript">
//表单验证
function check(){
var ids = document.getElementsByName("ids");
var flag = false ;
for(var i=0;i<ids.length;i++){
if(ids[i].checked){
flag = true ;
break ;
}
}
if(!flag){
alert("请最少选择一项!");
return false ;
}
}
//全选
function iselect(){ //其中函数字不能为select 其为JS保留字
var ids = document.getElementsByName("ids");
var all = document.getElementById("all");
for(var i=0;i<ids.length;i++){
ids[i].checked=all.checked;
}
}
//全选
function selectAll(){
var ids = document.getElementsByName("ids");
for(var i=0;i<ids.length;i++){
ids[i].checked=true;
}
}
//全不
function selectNone(){
var ids = document.getElementsByName("ids");
for(var i=0;i<ids.length;i++){
ids[i].checked=false;
}
}
//反选
function selectInvert(){
var ids = document.getElementsByName("ids");
for(var i=0;i<ids.length;i++){
if(ids[i].checked)
ids[i].checked=false ;
else
ids[i].checked=true ;
}
}
</script>
</head>
<body>
<form action="#" onsubmit="return check();">
<table border="0">
<tr><td><input type="checkbox" id="all" onclick="iselect();"></td></tr>
<tr><td><input type="checkbox" name="ids">音乐</td></tr>
<tr><td><input type="checkbox" name="ids">短信</td></tr>
<tr><td><input type="checkbox" name="ids">图片</td></tr>
<tr><td><input type="checkbox" name="ids">电子书</td></tr>
<tr><td><input type="checkbox" name="ids">铃声</td></tr>
<tr><td><input type="checkbox" name="ids">漫画</td></tr>
<tr><td><input type="checkbox" name="ids">游戏</td></tr>
<tr><td><input type="checkbox" name="ids">杂志</td></tr>
<tr><td><input type="checkbox" name="ids">新闻</td></tr>
<tr>
<td>
<a href="#" onclick="selectAll();">全选</a>
<a href="#" onclick="selectNone();">全不</a>
<a href="#" onclick="selectInvert();">反选</a>
</td>
</tr>
<tr><td><input type="submit" value="提交"></td></tr>
</table>
</form>
</body>
</html>