js 判斷checkbox是否選中的操作方法
更新時間：2012年11月09日 15:27:08 作者：
大家在很多場合也許會遇到判斷頁面是否有元素選中，下面介紹的是利用js判斷是否選中CheckBox的方法
核心提示: 大家在很多場合也許會遇到判斷頁面是否有元素選中，下面介紹的是利用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="檢測">
//第幾個沒有選
復制代碼 代碼如下:
<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="檢測">
相關文章
這篇文章主要介紹了淺談JavaScript的對象類型之function,函數(shù)（方法）是由事件驅動的或者當它被調用時執(zhí)行的可重復使用的代碼塊,需要的朋友可以參考下2023-05-05
這篇文章主要介紹了JavaScript基本的輸出和嵌入式寫法教程,是JavaScript入門學習中的基礎知識,需要的朋友可以參考下2015-10-10
本文詳細講解了JSON基礎與詳細用法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-03-03
Javascript中eval函數(shù)的使用方法與示例
JavaScript有許多小竅門來使編程更加容易。其中之一就是eval()函數(shù)，這個函數(shù)可以把一個字符串當作一個JavaScript表達式一樣去執(zhí)行它。以下是它的說明2007-04-04
Javascript基礎教程之break和continue語句
文章通過示例向我們展示了javascript中的break和continue語句，兩個對比起來，非常明了,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了JavaScript 鏈式結構序列化詳解的相關資料,需要的朋友可以參考下2016-09-09
JavaScript高級程序設計（第3版）學習筆記11 內建js對象
內建對象是指由ECMAScript實現(xiàn)提供的、不依賴于宿主環(huán)境的對象，這些對象在程序運行之前就已經存在了2012-10-10
這篇文章總結了JavaScript操作數(shù)組的常用方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-06-06
這篇文章主要介紹了JavaScript模塊的用法以及語法基礎，需要的朋友參考學習下吧。2017-12-12
深入document.write()與HTML4.01的非成對標簽的詳解
本篇文章對document.write()與HTML4.01的非成對標簽進行了詳細的分析介紹。需要的朋友參考下2013-05-05