導航:首頁 > 編程語言 > js復選框全選

js復選框全選

發布時間:2024-03-08 19:35:49

1. js如何實現對name是數組的復選框的全選和反選以及取消選擇 form內容如下:

不明白你的意思。<input type='checkbox' name='ptpt[1]' value='a1' />
我的理解就是你想獲取多選框的值和他名字的值(不理解就是名字的字元串值還是所代表數組的值)。
你可以把多選框的名字都寫成一樣的,再給多選框多加一個屬性,裡面存儲你想獲得的ptpt值,像下面這樣
<input type='checkbox' name='p' value='a1' ptpt='ptpt[1]'/>

<input type='checkbox' name='p' value='a2' ptpt='ptpt[2]'/>

這樣在獲得選中的多選框後直接取ptpt屬性的值就可以拿到你想要的ptpt的值了。

2. js中如何實現多個復選框全選

<scriptlanguage="javascript">
functioncli(Obj)
{
//獲取控制其它復選框的對象obj
varcollid=document.getElementByIdx_x("all")
//獲取需要全選,全不選功能的所有復選框
varcoll=document.getElementsByName(Obj)
//如果obj被選中,則全選
if(collid.checked){
//循環設置所有復選框為選中狀態
for(vari=0;i<coll.length;i++)
coll[i].checked=true;
}else{//取消obj選中狀態,則全不選
//循環設置所有復選框為未選中狀態
for(vari=0;i<coll.length;i++)
coll[i].checked=false;
}
}
</script>

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

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

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

<inputname='多選項名稱'type='checkbox'value=''id="all"onclick="cli('多選項名稱');">全選
<inputname='多選項名稱'type='checkbox'value=''>A
<inputname='多選項名稱'type='checkbox'value=''>B
<inputname='多選項名稱'type='checkbox'value=''>C
<inputname='多選項名稱'type='checkbox'value=''>D
<inputname='多選項名稱'type='checkbox'value=''>E
<inputname='多選項名稱'type='checkbox'value=''>F

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

3. 2.在html中怎麼使一個div中的所有復選框全選和反選,寫出JS腳本。

var div=document.getElementById(div的id);
var chks=div.getElementsByName(checkbox的name); //checkbox設為同一個專name
for(var i=0;i<chks.length;i++){
chks[i].checked;//全選屬
chks[i].checked=!chks[i].checked //反選
}

閱讀全文

與js復選框全選相關的資料

熱點內容
編程貓哪裡的 瀏覽:549
android藍牙聊天室開發教程 瀏覽:40
pr剪輯的序列保存在哪個文件夾 瀏覽:997
dts轉的wav文件怎麼播放 瀏覽:579
mac電腦打開exe文件怎麼打開 瀏覽:596
騰訊網下載的電影在哪個文件夾 瀏覽:744
怎麼用手機下載核桃編程 瀏覽:120
cs4教程下載 瀏覽:943
有什麼好玩的編程游戲 瀏覽:509
能導出適合手機豎屏文件的軟體 瀏覽:50
如何變成異性的app 瀏覽:57
文件弄哪個盤 瀏覽:385
iphone舊手機導入新手機用什麼app 瀏覽:126
佳明手錶和高馳數據准確度哪個好 瀏覽:663
表1如何提取表2匹配的數據 瀏覽:342
win10系統分多一個區 瀏覽:957
蘋果6s動態壁紙不動 瀏覽:779
清理手機殘留文件在哪裡 瀏覽:665
蘋果手機如何連上電視 瀏覽:87
直接把cad安裝文件刪除了 瀏覽:948

友情鏈接