導航:首頁 > 編程語言 > 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復選框全選相關的資料

熱點內容
可以買生活用品的app有哪些 瀏覽:175
cad在c盤產生的文件夾 瀏覽:541
聯想手機解鎖工具 瀏覽:696
瑞銀3887win10 瀏覽:833
學網路編程哪個好 瀏覽:805
手機vmos導入的文件在哪裡 瀏覽:115
蘋果手機可以把文件傳到華為嗎 瀏覽:63
海川化工下載的文件默認到哪裡 瀏覽:343
學唱粵語歌app 瀏覽:975
qq游戲生死狙擊玩不了 瀏覽:120
win10郵件不顯示圖片 瀏覽:922
口袋妖怪所有版本下載 瀏覽:504
我們身邊都有哪些大數據例子 瀏覽:25
震旦adc307掃描的文件在哪裡 瀏覽:999
圖片打開變成文件 瀏覽:194
松下微單電腦傳文件軟體 瀏覽:574
蘋果藍牙鍵盤surface 瀏覽:170
mindmaplinux 瀏覽:733
oppo手機怎麼連接電腦傳輸數據 瀏覽:624
word刪除章節附註分隔符 瀏覽:773

友情鏈接