js 判斷checkbox是否選中的實(shí)現(xiàn)代碼
更新時(shí)間：2010年11月23日 21:20:13 投稿：mdxy-dxy
大家在很多場合也許會(huì)遇到判斷頁面是否有元素選中，下面介紹的是利用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é)束了，更多的請(qǐng)查看腳本之家以前發(fā)布的文章。
相關(guān)文章
在IE上直接編輯網(wǎng)頁內(nèi)容的js代碼(IE地址欄js)
在IE上直接編輯網(wǎng)頁內(nèi)容2009-04-04
JavaScript實(shí)現(xiàn)點(diǎn)擊按鈕就復(fù)制當(dāng)前網(wǎng)址
在大量的網(wǎng)站都有這樣的功能，當(dāng)點(diǎn)擊一個(gè)按鈕的時(shí)候可以復(fù)制當(dāng)前頁面的地址，以此可以方便網(wǎng)站用戶對(duì)鏈接的存儲(chǔ)，同時(shí)也便于網(wǎng)站的推廣，下面給大家分享具體實(shí)現(xiàn)代碼，對(duì)js實(shí)現(xiàn)點(diǎn)擊按鈕就復(fù)制的相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2015-12-12
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)帶縮略圖的輪播效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
淺析JavaScript作用域鏈、執(zhí)行上下文與閉包
JavaScript 采用詞法作用域（lexical scoping），函數(shù)執(zhí)行依賴的變量作用域是由函數(shù)定義的時(shí)候決定，而不是函數(shù)執(zhí)行的時(shí)候決定，通過本文給大家介紹JavaScript作用域鏈、執(zhí)行上下文與閉包相關(guān)知識(shí)，感興趣的朋友一起學(xué)習(xí)吧2016-02-02
js實(shí)現(xiàn)鼠標(biāo)感應(yīng)圖片展示的方法
這篇文章主要介紹了js實(shí)現(xiàn)鼠標(biāo)感應(yīng)圖片展示的方法,實(shí)例分析了javascript鼠標(biāo)事件及樣式的操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
這篇文章主要為大家詳細(xì)介紹了如何使用html2Canvas打印高清PDF的效果，文中的示例代碼講解詳細(xì)，具有一定的參考價(jià)值，需要的可以了解一下2023-07-07
談?wù)凧avaScript異步函數(shù)發(fā)展歷程
對(duì)大部分JavaScript開發(fā)者而言，async函數(shù)仍是新鮮事物，其發(fā)展經(jīng)歷了漫長的旅程。本文將梳理總結(jié)JavaScript異步函數(shù)的發(fā)展歷程，并表示未來async函數(shù)將成為實(shí)現(xiàn)異步的主要方式。2015-09-09
EasyUi中的Combogrid 實(shí)現(xiàn)分頁和動(dòng)態(tài)搜索遠(yuǎn)程數(shù)據(jù)
jquery easyui中的combogrid比較特殊，算是combo和grid的組合，combogrid結(jié)合一個(gè)可編輯的文本框和下拉數(shù)據(jù)網(wǎng)格面板，可以讓用戶迅速找到并選擇，又可以進(jìn)行搜索，展示與當(dāng)前輸入的字符相匹配的數(shù)據(jù)。下面給大家介紹EasyUi中的Combogrid 實(shí)現(xiàn)分頁和動(dòng)態(tài)搜索遠(yuǎn)程數(shù)據(jù)2016-04-04
使用JavaScript獲取URL中的參數(shù)(兩種方法)
這篇文章主要介紹了使用JavaScript獲取URL中的參數(shù)(兩種方法)的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-11-11
JavaScript字符串String和Array操作的有趣方法
字符串和數(shù)組在程序編寫過程中是十分常用的類型,因此程序語言都會(huì)將String和Array作為基本類型，并提供許多字符串和數(shù)組的方法來簡化對(duì)字符串的操作2012-12-12