{site_name}

{site_name}

🌜 搜索

jQuery 选择器:selected 是用于选择当前被选中的表单元素的选择器

前端 𝄐 0
jquery是干什么的,jquery插件库,jquery ui,jquery对象访问的方法,jquery获取radio是否选中,jquery入门教程
jQuery 选择器:selected 是用于选择当前被选中的表单元素的选择器。它可以与 select、checkbox 和 radio 等表单元素一起使用。

例如,假设我们有一个包含以下 HTML 代码的表单:

html
<form>
<input type="checkbox" name="option1" value="value1">Option 1<br>
<input type="checkbox" name="option2" value="value2" checked>Option 2<br>
<input type="checkbox" name="option3" value="value3">Option 3<br><br>
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes" selected>Mercedes</option>
<option value="audi">Audi</option>
</select>
</form>


我们可以使用以下 jQuery 代码来选择当前被选中的表单元素:

javascript
$(document).ready(function(){
$('form :selected').css('background-color', 'yellow');
});


这个例子会将当前被选中的表单元素的背景颜色设置为黄色,即第三个 option 元素(Mercedes)和第二个 input 元素(Option 2)。