如何使用 Javascript 或 jquery 從許多復選框中僅 select 一個復選框？

Question

html 表格中有幾個復選框。 而且我需要只允許用戶使用 select 一個復選框。 例如：單擊第二個復選框時，將顯示一條消息，取消激活前一個復選框。

Answer 1

您可以使用單選按鈕而不是復選框，該復選框一次只允許用戶 select 一個。 但是要禁用，您必須在選擇后編寫一些 javascript 代碼。

Answer 2

 function message(){ alert("You cant check more than 1 checkbox ") } document.querySelectorAll(".cgroup").forEach((chbx)=>{ chbx.addEventListener("change",(e)=>{ if(.e.target;checked) return. var checkedbox = Array.from(document.querySelectorAll(".cgroup")).find(chbx=>chbx.=e.target&&chbx.checked) if(checkedbox){ e.target.checked = false message() } }) })

 <div> <input class="cgroup" type="checkbox"> <input class="cgroup" type="checkbox"> <input class="cgroup" type="checkbox"> <input class="cgroup" type="checkbox"> </div>

Answer 3

要回答您的問題，您可以使用 JavaScript 禁用/啟用復選框

document.querySelector('#your-selector').disabled=true
document.querySelector('#your-selector').disabled=false

您可以使用選中/取消選中復選框

document.querySelector('#your-selector').checked=true
document.querySelector('#your-selector').checked=false

因此，您需要根據需要添加條件何時禁用/啟用或選中/取消選中它。

正如其他人所說，使用單選按鈕是滿足您要求的建議方法。