js中如何實(shí)現(xiàn)多個(gè)復(fù)選框全選

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

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

script?language="javascript"

function?cli(Obj)

{

//獲取控制其它復(fù)選框的對(duì)象obj

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

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

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

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

if?(collid.checked){

//循環(huán)設(shè)置所有復(fù)選框?yàn)檫x中狀態(tài)

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

coll[i].checked?=?true;

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

//循環(huán)設(shè)置所有復(fù)選框?yàn)槲催x中狀態(tài)

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

coll[i].checked?=?false;

}

}

/script

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

下面是一組CheckBox復(fù)選框html代碼

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

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

input?name='多選項(xiàng)名稱'?type='checkbox'?value=''???A

input?name='多選項(xiàng)名稱'?type='checkbox'?value=''???B

input?name='多選項(xiàng)名稱'?type='checkbox'?value=''???C

input?name='多選項(xiàng)名稱'?type='checkbox'?value=''???D

input?name='多選項(xiàng)名稱'?type='checkbox'?value=''???E

input?name='多選項(xiàng)名稱'?type='checkbox'?value=''???F

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

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

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

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

實(shí)例演示如下：

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中如何彈出復(fù)選框

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

javascript 復(fù)選框問題：

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

如何用javaScript實(shí)現(xiàn)復(fù)選框的聯(lián)動(dòng)?

在動(dòng)態(tài)生成的時(shí)候，需要對(duì) CHECKBOX 的ID 做一些特殊的命名，比如：根是ROOT，父親是 P_標(biāo)志位_序號(hào)，子節(jié)點(diǎn)是 標(biāo)志位_序號(hào) 這種類型的， 才會(huì)容易控制

文章標(biāo)題：javascript復(fù)選框,javascript復(fù)選框怎么做
當(dāng)前路徑：http://jinyejixie.com/article32/dsdjipc.html

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

廣告

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