js 判斷checkbox是否選中的操作方法

2024-05-06 14:20:57

字體：大中小

供稿：網(wǎng)友

核心提示: 大家在很多場合也許會遇到判斷頁面是否有元素選中，下面介紹的是利用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="檢測">

上一篇：jquery 如何動態(tài)添加、刪除class樣式方法介紹

下一篇：如何讓div span等元素能響應(yīng)鍵盤事件操作指南