新版網站
js 判斷checkbox是否選中
發布時間:2013/10/18   已被2553人閱讀    分享到:

核心提示: 大家在很多場合也許會遇到判斷頁面是否有元素選中,下面介紹的是利用js判斷是否選中CheckBox的方法。
//第幾個沒有選      
<input type="checkbox" name="checkbox1" checked>      
<input type="checkbox" name="checkbox1">      
<input type="checkbox" name="checkbox1" checked>      
<input type="checkbox" name="checkbox1">      
<input type="checkbox" name="checkbox1">      
<script language=javascript>      
function check(obj)      
{      
     
for(i=0;i<document.all(obj).length;i++)      
{      
if(!document.all(obj)[i].checked)alert("第"+(i+1)+"個沒有選擇")      
}      
}      
</script>      
<input type=button onclick="check( checkbox1 )" value="檢測">      
     
     
//一個也沒有選      
     
     
<input type="checkbox" name="test">      
<input type="checkbox" name="test">      
<input type="checkbox" name="test">      
<input type="checkbox" name="test">      
<input type="checkbox" name="test">      
<Script Language="JavaScript">      
function check(obj){      
for(i=0;i<document.all(obj).length;i++){      
if(document.all(obj)(i).checked){      
return;      
}      
}      
window.alert( 一個也沒有選! );      
}      
</Script>      
<input type=button onclick="check( test );" value="檢測">      
  
//第幾個沒有選   
<input type="checkbox" name="checkbox1" checked>   
<input type="checkbox" name="checkbox1">   
<input type="checkbox" name="checkbox1" checked>   
<input type="checkbox" name="checkbox1">   
<input type="checkbox" name="checkbox1">   
<script language=javascript>   
function check(obj)   
{   
  
for(i=0;i<document.all(obj).length;i++)   
{   
if(!document.all(obj)[i].checked)alert("第"+(i+1)+"個沒有選擇")   
}   
}   
</script>   
<input type=button onclick="check( checkbox1 )" value="檢測">   
  
  
//一個也沒有選   
  
  
<input type="checkbox" name="test">   
<input type="checkbox" name="test">   
<input type="checkbox" name="test">   
<input type="checkbox" name="test">   
<input type="checkbox" name="test">   
<Script Language="JavaScript">   
function check(obj){   
for(i=0;i<document.all(obj).length;i++){   
if(document.all(obj)(i).checked){   
return;   
}   
}   
window.alert( 一個也沒有選! );   
}   
</Script>   
<input type=button onclick="check( test );" value="檢測">

本文分享地址:http://www.adrhaerth.com/news/89.html上海網站建設公司朗晟網絡編輯,轉發請注明來源及版權歸屬。
上一篇:沒有了 【關閉】
下一篇:朗晟網絡公司新版官方網站正式上線
色聚阁