HTML和JavaScript是無法在單獨的網頁中創建復選框勾選的。但是,通過在HTML中引入JavaScript代碼,我們可以輕松地創建復選框勾選,讓網頁更具交互性。
function checkAll(source) { var checkboxes = document.querySelectorAll('input[type="checkbox"]'); for (var i = 0; i< checkboxes.length; i++) { if (checkboxes[i] != source) checkboxes[i].checked = source.checked; } }
這段JavaScript代碼創建了一個名為checkAll()的函數。當單擊“全選”復選框時,此函數將勾選所有復選框;當取消“全選”復選框時,則取消勾選所有復選框。
要在HTML中使用此功能,我們必須創建相應的HTML標記。以下是一個簡單的表單示例,其中包含三個復選框和一個用于選中所有復選框的“全選”復選框:
在HTML中插入這些代碼,然后在JavaScript中插入上面的腳本,您就可以輕松地創建一個具有勾選框的交互式表單了。
上一篇vue生成do文件