jquery是js中最流行的工具之一，它提供了许多简单且易用的方法，方便我们处理网页中的dom元素。在处理表单时，我们经常需要选择表单元素中的已选中radio和checkbox元素。但是，偶尔会遇到这样的情况，表单中没有checked属性的元素该如何选择呢？
首先，我们需要了解一下表单元素的状态。 对于一个单选按钮和复选框来说，它们都有一个checked状态。这个状态可以是true或false，如果被勾选，则为true，否则为false。在DOM中，我们可以通过checked属性来访问它们。
对于单选按钮，只会有一个被选中。如下HTML代码是两个单选按钮组成的表单元素：
<input type="radio" name="gender" value="male" checked>男 <input type="radio" name="gender" value="female">女
通过访问checked属性，我们可以找到选中的单选按钮元素：
var selectedRadio = $('input[name="gender"]:checked');对于复选框，它们可能有多个选中。如下HTML代码是两个复选框组成的表单元素：
<input type="checkbox" name="interest" value="music" checked>音乐 <input type="checkbox" name="interest" value="sports">运动
我们可以通过访问checked属性，找到选中的复选框元素：
var selectedCheckbox = $('input[name="interest"]:checked');但是，如果表单元素中没有checked属性，我们该怎么做呢？
方法一：使用选择器的:has()伪类
我们可以使用jQuery选择器的:has()伪类，它可以选择具有特定子元素的父元素。对于没有checked属性的单选按钮和复选框，我们可以使用:not()伪类过滤它们，然后使用:has()伪类选择它们的父元素。
例如，我们有如下HTML代码：
<input type="radio" name="gender" value="male">男 <input type="radio" name="gender" value="female">女
我们可以使用下面的代码选择未选中的单选按钮的父元素：
var unselectedRadioParent = $('input[name="gender"]:not(:checked)').parent();同样，对于复选框元素，我们可以使用类似的方法：
var unselectedCheckboxParent = $('input[name="interest"]:not(:checked)').parent();值得注意的是，:not()伪类选择器比较耗性能。 因此，如果您的表单中有大量的单选按钮或复选框元素，建议使用第二种方法。
方法二：使用filter（）方法
filter（）方法用于筛选匹配给定选择器或函数的元素集合。我们可以使用filter（）方法过滤掉所有选中的单选按钮或复选框元素，然后使用not（）方法过滤掉其他元素。
例如，对于以下的单选按钮组，我们可以使用以下代码选择未选中的单选按钮元素：
var unselectedRadio = $('input[name="gender"]').not(':checked');同样，对于以下的复选框组，我们可以使用以下代码来选择未选中的复选框元素：
var unselectedCheckbox = $('input[name="interest"]').not(':checked');总结
在表单元素中，我们经常需要选择选中的单选按钮和复选框元素。如果表单元素中没有checked属性，我们可以使用选择器的:has()伪类或filter（）方法来选择未选中的单选按钮和复选框元素。这些方法为我们在处理表单时提供了更加灵活的选择方式，使得我们可以轻松地处理各种不同情况下的表单。
