在網頁開發過程中,我們經常需要使用復選框來實現多選功能,但有時候我們需要讓一些復選框默認未選中,這時候就需要使用 jQuery 來實現。
我們可以利用 jQuery 的prop()
方法來獲取和設置復選框的狀態。要讓一個復選框默認未選中,可以在頁面加載完成后,使用以下代碼:
$(document).ready(function(){ $("#checkboxId").prop("checked", false); });
其中,#checkboxId
是您想要設置為未選中狀態的復選框的 ID。代碼中的prop("checked", false)
表示將復選框的選中狀態設置為 false,即未選中狀態。
除了使用prop()
方法,我們還可以使用attr()
方法來設置復選框的狀態,代碼如下:
$(document).ready(function(){ $("#checkboxId").attr("checked", false); });
這兩種方法實現的結果是一樣的,但是prop()
方法在 jQuery 1.6 版本中才被引入,對于早期版本的 jQuery,只能使用attr()
方法來設置復選框的狀態。
需要注意的是,如果您要在表單中使用這些代碼讓復選框默認未選中,最好將這些代碼放在<form>
標簽內部的<script>
標簽中,以確保代碼在頁面加載完成后才執行。