js 判斷checkbox是否選中的實(shí)現(xiàn)代碼

更新時(shí)間：2010年11月23日 21:20:13 投稿：mdxy-dxy

大家在很多場合也許會遇到判斷頁面是否有元素選中，下面介紹的是利用js判斷是否選中CheckBox的方法。

今天再寫個(gè)小功能判斷checkbox是否選中與操作完以后將checkbox設(shè)置為選中狀態(tài)的需求，那么就可以參考下面的代碼了

1、判斷是否選中可以用如下代碼

原生js

if(document.getElementById("insDown").checked){

}

jquery的實(shí)現(xiàn)代碼

1， $(checkbox的id).prop("checked") 返回的是一個(gè)boolean值類型

2， $(this).is(":checked") 返回的也是一個(gè)boolean值類型2

、設(shè)置選中狀態(tài)

原生js

document.getElementById("insDown").checked=true;

jquery的實(shí)現(xiàn)代碼

$("#insDown").prop("checked", true);

$("#cb1").prop("checked","checked");
$("#cb1").prop("checked",true);

完整代碼

//第幾個(gè)沒有選 

<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)+"個(gè)沒有選擇") 
} 
} 
</script> 
<input type=button onclick="check('checkbox1')" value="檢測"> 
//一個(gè)也沒有選 
<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('一個(gè)也沒有選！'); 
} 
</Script> 
<input type=button onclick="check('test');" value="檢測"> 

//第幾個(gè)沒有選 
<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)+"個(gè)沒有選擇") 
} 
} 
</script> 
<input type=button onclick="check('checkbox1')" value="檢測"> 


//一個(gè)也沒有選 


<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('一個(gè)也沒有選！'); 
} 
</Script> 
<input type=button onclick="check('test');" value="檢測">

這篇文章就結(jié)束了，更多的請查看腳本之家以前發(fā)布的文章。

您可能感興趣的文章: