在使用表單時,經常需要驗證用戶是否選擇了某些選項。在 jQuery 中,我們可以使用not(":checked")
方法來判斷一個復選框或單選框是否被選中。
下面是一個示例,代碼如下:
<div> <input type="radio" name="gender" value="male">男 <input type="radio" name="gender" value="female">女 </div> <button onclick="checkGender()">提交</button> <script> function checkGender() { if ($('input[name="gender"]').not(':checked').length) { alert("請選擇性別!"); } else { alert("提交成功!"); } } </script>
在上面的示例中,我們定義了兩個單選框來要求用戶選擇性別。用戶提交時,我們調用checkGender()
方法來檢查用戶是否選擇性別。如果沒有選擇,就彈出提示框;如果已經選擇了,就提示提交成功。
在checkGender()
方法中,我們使用了 jQuery 的選擇器$('input[name="gender"]').not(':checked')
來獲取所有 name 為 gender 的 input 元素中未被選中的元素。如果長度不為 0 ,說明用戶沒有選擇,需要彈出提示框。
以上就是使用 jQuery 中not(":checked")
方法來判斷復選框或單選框是否被選中的介紹。希望對于大家有所幫助!