jQuery九类选择器（三）_jquery select元素个数-优快云博客

本文链接：https://blog.youkuaiyun.com/boxyuan/article/details/79039388

本文通过一个实战案例展示了如何使用jQuery的选择器来选取网页中的不同元素，包括获取可用和不可用的输入框、选中的复选框及下拉选项等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  	<script type="text/javascript" src="../js/jquery-1.8.2.js"></script>
  </head>
  <body>
	
	<form>

	  <input type="text" name="email" disabled="disabled" />
	  <input type="text" name="password" disabled="disabled" />
	  <input type="text" name="id" />

	  <input type="checkbox" name="newsletter" checked="checked" value="Daily" />
	  <input type="checkbox" name="newsletter" value="Weekly" />
	  <input type="checkbox" name="newsletter" checked="checked" value="Monthly" />
	
      <select id="provinceID">
		  <option value="1">广东</option>
		  <option value="2" selected="selected">湖南</option>
		  <option value="3">湖北</option>
	  </select>
		
	</form>
	
	
	
	<script type="text/javascript">
	
		//1)查找所有可用的input元素的个数
		//alert( $("input:enabled").size() );
		
	 	//2)查找所有不可用的input元素的个数
		//alert( $("input:disabled").size() );
	 	
	 	//3)查找所有选中的复选框元素的个数
		//alert( $(":checkbox:checked").size() );
		 	
	 	//4)查找所有未选中的复选框元素的个数
		//alert( $(":checkbox:NOT(:checked)").size() );
	 	
	 	//5)查找所有选中的选项元素的个数
	 	//alert( $("select option:selected").size() );
	 	alert( $("#provinceID option:NOT(:selected)").size() );
	 	
	</script>
	
  </body> 
</html>