DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> js 判斷checkbox是否選中的操作方法
js 判斷checkbox是否選中的操作方法
編輯:JavaScript基礎知識     
核心提示: 大家在很多場合也許會遇到判斷頁面是否有元素選中,下面介紹的是利用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="檢測">
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved