熱門類別
資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
Microsoft Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
JavaScript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會科學
時裝研究
法律研究

jQuery:checked選擇器

jQuery中的:checked選擇器用於查詢並選中所有已選的單選按鈕或複選框。

語法

語法如下 −

$(":checked")

示例

下面讓我們實現jQuery中:checked選擇器 −

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>
<h2>Favourite Subject</h2>
<form>
<div>
Maths: <input type="radio" name="sub" value="Maths">
</div>
<div>
English <input type="radio" name="sub" value="English">
</div><br>
<div id="content"></div>
</form>
<script>
   $( "input" ).on( "click", function() {
      $( "#content" ).html( $( "input:checked" ).val() + " is the favourite subject" );
   });
</script>
</body>
</html>