jquery的selected方法

Hey小伙伴们，今天我要来聊聊一个超实用的jQuery方法——selected，这个方法在我们处理表单的时候特别有用，尤其是当你需要检查或者设置复选框（checkboxes）和单选按钮（radio buttons）的状态时。

让我们来个小科普，在HTML中，复选框和单选按钮都是通过<input>标签实现的，它们的type属性分别是checkbox和radio，这些元素的checked属性可以用来表示它们是否被选中，如果你在用jQuery，那么selected方法可以让你的操作更加简洁和直观。

检查是否被选中

当你想要检查一个复选框或者单选按钮是否被选中时，你可以使用selected方法，这个方法会返回一个布尔值，如果元素被选中，返回true，否则返回false，假设你有一个ID为myCheckbox的复选框，你可以这样检查它是否被选中：

if ($('#myCheckbox').is(':checked')) {
    console.log('复选框被选中了！');
} else {
    console.log('复选框未被选中！');
}

这里我们使用了is方法结合:checked选择器，这是另一种检查元素是否被选中的方式，但selected方法更加直接。

除了检查元素是否被选中，selected方法还可以用来设置元素的选中状态，如果你想要选中或取消选中一个复选框或单选按钮，你可以直接传递一个布尔值给selected方法，如果你想选中ID为myCheckbox的复选框，你可以这样做：

$('#myCheckbox').selected(true);

如果你想要取消选中，就传递false：

$('#myCheckbox').selected(false);

selected方法也支持批量操作，如果你有一组复选框或单选按钮，并且想要统一设置它们的选中状态，你可以使用选择器来选中它们，然后应用selected方法，如果你想选中所有类名为myCheckboxes的复选框，可以这样做：

$('.myCheckboxes').selected(true);

这样，所有具有myCheckboxes类的复选框都会被选中。

在使用selected方法时，要注意它只适用于复选框和单选按钮，如果你尝试在其他类型的<input>元素上使用这个方法，可能会得到意外的结果或者错误。

selected方法是一个非常方便的工具，它可以让你在jQuery中更轻松地处理复选框和单选按钮的选中状态，无论是检查状态还是设置状态，selected方法都能帮你简化代码，提高效率，下次你在处理表单时，不妨试试这个方法，看看它如何简化你的工作流程吧！