首頁 > web前端 > js教程 > 如何使用 JavaScript 動態選取或取消選取複選框?

如何使用 JavaScript 動態選取或取消選取複選框?

Linda Hamilton
發布: 2024-11-17 19:39:01
原創
999 人瀏覽過

How to Dynamically Check or Uncheck Checkboxes with JavaScript?

使用 JavaScript 動態操作複選框狀態

JavaScript 提供了各種方法來控制網頁中複選框的選取狀態。以下是選取或取消選取核取方塊的方法:

使用Checked 屬性

的selected 屬性element 可以直接設定為true 或false 來勾選或取消勾選。

<br>//勾選<br>document.getElementById("checkbox").checked = true; <p>//取消勾選<br>document.getElementById(" checkbox").checked = false;<br></p>
登入後複製

使用jQuery (v1.6 ) h3>

jQuery 提供了prop(),這是一種更靈活的操作元素屬性的方法,包括選取狀態:

<br>// Check<br>$(" #checkbox").prop("checked", true); <p>//取消勾選<br>$("#checkbox").prop("checked", false);<br></p>
登入後複製
> ;

使用jQuery (v1 .5-)

在jQuery v1.6 之前,attr() 方法用於屬性運算。雖然仍然有效,但它並不是最可靠的複選框方法:

<br>// Check<br>$("#checkbox").attr("checked", true) ;<p>// 取消選取<br>$("#checkbox").attr("checked", false);<br></p>
登入後複製

透過利用這些方法,您可以動態地更新複選框狀態,使您能夠建立互動式Web 介面並以程式方式控製表單輸入。

以上是如何使用 JavaScript 動態選取或取消選取複選框?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板