js中如何實現(xiàn)多個復選框全選

CheckBox復選框JS實現(xiàn)全選全不選功能,很簡單，就只需插入一小段js函數(shù)就行了。。。

網(wǎng)站建設哪家好，找創(chuàng)新互聯(lián)！專注于網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、小程序開發(fā)、集團企業(yè)網(wǎng)站建設等服務項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了海東免費建站歡迎大家使用！

script?language="javascript"

function?cli(Obj)

{

//獲取控制其它復選框的對象obj

var?collid?=?document.getElementByIdx_x("all")

//獲取需要全選，全不選功能的所有復選框

var?coll?=?document.getElementsByName(Obj)

//如果obj被選中，則全選

if?(collid.checked){

//循環(huán)設置所有復選框為選中狀態(tài)

for(var?i?=?0;?i??coll.length;?i++)

coll[i].checked?=?true;

}else{//取消obj選中狀態(tài)，則全不選

//循環(huán)設置所有復選框為未選中狀態(tài)

for(var?i?=?0;?i??coll.length;?i++)

coll[i].checked?=?false;

}

}

/script

----------------------------------------------------

下面是一組CheckBox復選框html代碼

----------------------------------------------------

input?name='多選項名稱'?type='checkbox'?value=''?id="all"??onclick="cli('多選項名稱');"??全選

input?name='多選項名稱'?type='checkbox'?value=''???A

input?name='多選項名稱'?type='checkbox'?value=''???B

input?name='多選項名稱'?type='checkbox'?value=''???C

input?name='多選項名稱'?type='checkbox'?value=''???D

input?name='多選項名稱'?type='checkbox'?value=''???E

input?name='多選項名稱'?type='checkbox'?value=''???F

----------------------------------------------------

怎么用JavaScript實現(xiàn)復選框的全部選擇和全部取消

思路：獲取復選框?qū)ο蟆h(huán)設置ckecked屬性值（true表示選中，false表示未選中）。關鍵代碼：

obj.checked?=?true?|?false;

實例演示如下：

1、HTML結(jié)構(gòu)

input?type="checkbox"?name="test"?value="1"item-1

input?type="checkbox"?name="test"?value="2"item-2

input?type="checkbox"?name="test"?value="3"item-3br

input?type="checkbox"?name="test"?value="4"item-4

input?type="checkbox"?name="test"?value="5"item-5br

input?type="button"?value="全選"?onclick="setChecked(true)"input?type="button"?value="取消"?onclick="setChecked(false)"

2、javascript代碼

function?setChecked(option){

var?cks?=?document.getElementsByName("test");

for(i=0;icks.length;i++){

cks[i].checked?=?option;

}

}

3、效果演示

javascript中如何彈出復選框

建議你先寫好一個隱藏的DIV，然后寫上復選框，點擊的時候讓這個DIV現(xiàn)實就行了，可能要設置下透明浮動等樣式

javascript 復選框問題：

建議你先寫好一個隱藏的DIV，然后寫上復選框，點擊的時候讓這個DIV現(xiàn)實就行了，可能要設置下透明浮動等樣式

如何用javaScript實現(xiàn)復選框的聯(lián)動?

在動態(tài)生成的時候，需要對 CHECKBOX 的ID 做一些特殊的命名，比如：根是ROOT，父親是 P_標志位_序號，子節(jié)點是 標志位_序號 這種類型的， 才會容易控制

文章標題：javascript復選框,javascript復選框怎么做
當前路徑：http://chinadenli.net/article32/dsdjipc.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供企業(yè)網(wǎng)站制作、App開發(fā)、網(wǎng)站收錄、網(wǎng)站導航、搜索引擎優(yōu)化、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(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)