久久久精品一区ed2k-女人被男人叉到高潮的视频-中文字幕乱码一区久久麻豆樱花-俄罗斯熟妇真实视频

javascript設(shè)置全選的方法

這篇文章主要介紹了javascript設(shè)置全選的方法，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

目前創(chuàng)新互聯(lián)建站已為近千家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、綿陽服務(wù)器托管、企業(yè)網(wǎng)站設(shè)計、個舊網(wǎng)站維護等服務(wù)，公司將堅持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。

javascript設(shè)置全選的方法：首先創(chuàng)建一個HTML示例文件；然后添加script標簽并創(chuàng)建js代碼；最后通過循環(huán)遍歷每個checkbox對象，將其checked屬性設(shè)置為true實現(xiàn)全選功能即可。

本文操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

javascript怎么設(shè)置全選？

JavaScript實現(xiàn)全選：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>checkbox的全選和取消全選</title>
<script type="text/javascript">
//頁面加載的時候,所有的復(fù)選框都是未選中的狀態(tài)
function checkOrCancelAll(){
//1.獲取checkbox的元素對象
var chElt=document.getElementById("chElt");
//2.獲取選中狀態(tài)
var checkedElt=chElt.checked;
//3.若checked=true,將所有的復(fù)選框選中,checked=false,將所有的復(fù)選框取消
var allCheck=document.getElementsByName("interest");
//4.循環(huán)遍歷取出每一個復(fù)選框中的元素
var mySpan=document.getElementById("mySpan");
if(checkedElt){
//全選
for(var i=0;i<allCheck.length;i++){
//設(shè)置復(fù)選框的選中狀態(tài)
allCheck[i].checked=true;
}
mySpan.innerHTML="取消全選";
}else{
//取消全選
for(var i=0;i<allCheck.length;i++){
allCheck[i].checked=false;
}
mySpan.innerHTML="全選";
}
}
</script>
</head>
<body>
<input type="checkbox" id="chElt" οnclick="checkOrCancelAll();"/><span id="mySpan">全選</span><br/>
學(xué)習(xí)<input type="checkbox" name="interest" value="study"/>
閱讀<input type="checkbox" name="interest" value="read"/>
運動<input type="checkbox" name="interest" value="sport"/>
旅行<input type="checkbox" name="interest" value="travel"/>
繪畫<input type="checkbox" name="interest" value="draw"/>
音樂<input type="checkbox" name="interest" value="music"/>
</body>
</html>

Checkbox 對象：

Checkbox 對象代表一個 HTML 表單中的一個選擇框。

在 HTML 文檔中 <input type="checkbox"> 每出現(xiàn)一次，Checkbox 對象就會被創(chuàng)建。

您可以通過遍歷表單的 elements[] 數(shù)組來訪問某個選擇框，或者通過使用 document.getElementById() 。

checked 屬性：

checked 屬性設(shè)置或返回 checkbox 是否應(yīng)被選中。

語法

checkboxObject.checked=true|false

說明

該屬性保存了 checkbox 的當前狀態(tài)，不管何時，這個值發(fā)生變化的時候，onclick 事件句柄就會觸發(fā)（也可能觸發(fā) onchange 事件句柄）。

感謝你能夠認真閱讀完這篇文章，希望小編分享的“javascript設(shè)置全選的方法”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!

分享題目：javascript設(shè)置全選的方法
新聞來源：http://sd-ha.com/article32/iedppc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計公司、網(wǎng)站策劃、網(wǎng)站建設(shè)、Google、微信公眾號、品牌網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都定制網(wǎng)站建設(shè)