JavaScript-選擇項中的全選、全不選、反選

阿新 • • 發佈：2019-01-06

程式碼

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
    </style>
    <script>
    window.onload=function(){
        var oBtn1=document.getElementById('btn1');
        var oBtn2=document.getElementById('btn2' 
);
        var oBtn3=document.getElementById('btn3');
        var oDiv=document.getElementById('div1');
        var aCh=document.getElementsByTagName("input");

        //點選全選按鈕後，全部選中
        oBtn1.onclick=function()
        {
            for(var i=0;i<aCh.length;i++)
            aCh[i].checked=true 
;
        }

        //點選不選按鈕後，選擇全部取消
        oBtn2.onclick=function()
        {
            for(var i=0;i<aCh.length;i++)
            aCh[i].checked=false;
        }

        //點選反選按鈕後，選擇項取消，未被選擇項選擇
        //注意if語句裡使用的是雙等號，屬於判斷
        //其他語句裡是單等，屬於賦值
        oBtn3.onclick=function()
        {
            for 
(var i=0;i<aCh.length;i++)
            if(aCh[i].checked==true)
            {
            aCh[i].checked=false;
            }else{
            aCh[i].checked=true;
            }
        }
    }
    </script>
</head>
<body>
    <input id="btn1" type="button" value="全選"/>
    <input id="btn2" type="button" value="不選"/>
    <input id="btn3" type="button" value="反選"/>
<div id="div1">
    <input type="checkbox"/></br>
    <input type="checkbox"/></br>
    <input type="checkbox"/></br>
    <input type="checkbox"/></br>
    <input type="checkbox"/></br>
    <input type="checkbox"/></br>
    <input type="checkbox"/></br>
    <input type="checkbox"/></br>
    <div id="btn"></div>
</div>
</body>
</html>

JavaScript-選擇項中的全選、全不選、反選

程式碼 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <s

javascript處理url中有特殊字元的情況如“{、#、}...”

JavaScript中有三個可以對字串編碼的函式，分別是： escape(),encodeURI(),encodeURIComponent()，相應3個解碼函式： unescape(),decodeURI(),decodeURIComponent() 。下面

leftjoin中using和or是不是隻能選其中一個

資料丟失mysqlinnodb表無法讀取內容資料丟失mysqlinnodb表無法讀取內容 mysqlcluster怎麼樣安裝啊mysqlcluster怎麼樣安裝啊 mysqlsock套接字連結錯誤路徑是正確的不知為何mysqlsock套接字連結錯誤路徑是正確的不知為何 ndb

jQuery外掛treeview點選節點名稱不展開、收縮節點

修改jquery.treeview.js檔案中的applyClasses方法（註釋掉兩行程式碼）：修改後的applyClasses方法如下： applyClasses: function(settings, toggler) {/* this.filter(":

訊號與系統學習之第一章（系統的六大基本性質定義與判別:無記憶性、可逆性、因果性、穩定性、時不變性、線性）

本人現在大三，由於準備明天研究生考試，故重新學習複習《訊號與系統》，再接下來會將自己的一些學習經歷、知識總結與大家分享。對於有所紕漏的地方希望大家能幫助指出以一同進步。對於第一章，顯然其重中之重便是系統的六大基本性質，那麼接下來我會以官方解釋及自身的理解加上例題、易錯題、及後面

Android 仿QQ退出（點選返回鍵不退出app,點選icon直接進入上次退出的頁面）

在登入頁或者歡迎頁onCreate方法加入如下程式碼： if((getIntent().getFlags() & Intent.FLAG_ACTIVITY_BROUGHT_TO_

關於所有IE 11不能用、打不開、沒反應的解決方法

1、進入登錄檔(執行regedit),找到 HKEY_CURRENT_USER\Software\Microsoft\Internet Explorer\Main右鍵"Main"項--許可權； 2、在對話方塊中點選"高階"--"更改"--"高階"--"

XCode模擬器上下黑邊、顯示不完整、適配問題

其實出現上下黑邊是因為iOS預設將啟動時的LaunchImage的寬高當成程式的寬高，所以啟動圖片如果只有小屏的圖片，那麼就會出現大屏狀態下螢幕不能滿屏的錯誤。解決方法：新增所有尺寸螢幕的

ListView中新增CheckBox,進行多項選擇，全選，反選，完美無Bug

新手筆記：最近做一個列表，實現批量選擇刪除功能，用到了ListView中新增的CheckBox,來進行多項選擇，全選，反選等。因為用到了ListView，故對新手來說，有很多坑。 1、由於ListView採用了Recycler，即重複利用convertView，所以用Ch

用JavaScript實現CheckBox的全選取消反選，及遮罩層中添加內容

document 當前 CI itl HA posit size classlist ML 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta cha

C# 選擇檔案、選擇資料夾、開啟檔案（或者資料夾）路徑中獲取檔案全路徑、目錄、副檔名、檔名稱追加、拷貝、刪除、移動檔案、建立目錄修改檔名、資料夾名！！

https://www.cnblogs.com/zhlziliaoku/p/5241097.html 1、選擇檔案用OpenDialog OpenFileDialog dialog = new OpenFileDialog(); dialog.Multiselect = true;/

Android ListView批量選擇（全選、反選、全不選）

轉載：https://blog.csdn.net/zuiwuyuan/article/details/50042841?utm_source=blogxgwz0 APP的開發中，會常遇到這樣的需求：批量取消（刪除）List中的資料。這就要求ListVIew支援批量選擇、全選、單選等等

微信小程式開發(4)——列表選擇、全選

產品需求小程式選擇部分或全部記錄並匯出，因此開發選擇記錄功能 1.初始化記錄資料有多種請求資料的方式，如初始化重新整理資料、上拉載入、下拉重新整理、搜尋記錄這四種請求資料的方式。 data: { records: [], recordsAll: [],

JavaScript實現複選框的全選、全部不選、反選

以較為簡潔的程式實現複選框的全選、全部不選、反選操作。並且將可變的部分設定為JS的引數，以實現程式碼複用。全選和全不選第一個引數為複選框名稱，第二個引數為是全選還是全部不選。 function allCheck(name,boolValue) { var

JavaScript複選框實現全選、全不選、反選、提交

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>全選<

【JavaScript】實現複選框的全選、全部不選、反選

以較為簡潔的程式實現複選框的全選、全部不選、反選操作。並且將可變的部分設定為JS的引數，以實現程式碼複用。全選和全不選第一個引數為複選框名稱，第二個引數為是全選還是全部不選。 function allCheck(name,boolValue) { var all

JavaScript實現網頁中的常見“全選,全不選,反選”的選項框

在瀏覽網頁或者做線上問卷調查時，我們會經常遇到多選框，多選框的下面會有“全選” “全不選” “反選”三個選框，例如下圖所示：具體程式碼實現如下： <!DOCTYPE html> <

安卓5.0以後禁止文字編輯框EditText複製、貼上、選擇、全選等功能的幾種可行性方法探索

現在各手機廠商深度化定製rom，在谷歌原生系統上重新開發了很多功能，比如EditText的長按或雙擊事件彈出框支援線上翻譯，搜尋等，如果你的專案出於資訊保安考慮想禁止這些功能實現的話，你會發現網上現有的方法都無法做到適配所有手機，總有那麼幾款漏網之魚，非常頭疼。下面介紹兩種自

js實現復選框的全選、全部選和反選

item itl true mon 復選框 loading 實現 align inpu 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta chars

checkbox全選、反選

16px 全選 javascrip func scrip click soft ava asc <body> 　　<div class="div1"> 　　　　<input type="checkbox" name="cb"> 　　&l

JavaScript-選擇項中的全選、全不選、反選

相關推薦