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

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

Linda Hamilton
Linda Hamilton原創
2024-11-17 19:39:01936瀏覽

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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn