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>

输出

此操作将生成以下输出 −

选中上面的“数学”单选按钮 −

现在，选中“英语”单选按钮 −

更新于:2019年11月05日

256次浏览

启动你的事业

结业后获得认证

开始学习
广告