jquery匹配单选框、复选框和下拉框中被选中的元素

原创于 2018-07-09 11:50:35 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery

JavaScript 专栏收录该内容

7 篇文章

订阅专栏

本文介绍如何使用jQuery选择已选中的单选框、复选框及下拉选项，适用于网页表单交互开发。

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

1- 单选框、复选框
HTML 代码:

<form id="myForm">
    <input type="checkbox" value="Daily" checked="checked" />
    <input type="checkbox" value="Weekly" />
    <input type="checkbox" value="Monthly" checked="checked" />
</form>

jQuery 代码:

$("form input:checked")
或者
$("form").find("input:checked")

当form有多个时

$("#myForm input:checked")

2- 下拉框
HTML 代码:

<select id="mySelect ">
  <option value="1">Flowers</option>
  <option value="2" selected="selected">Gardens</option>
  <option value="3">Trees</option>
</select>

jQuery 代码:

$("select option:selected")
或者
$("select ").find("option:selected")

当select有多个时

$("#mySelect option:selected")