jq 如何获取多选框选中的值

最新推荐文章于 2022-07-27 10:49:09 发布

weixin_34270606

最新推荐文章于 2022-07-27 10:49:09 发布

阅读量1.5k

点赞数

文章标签： javascript ViewUI

本文介绍了使用jQuery获取多选框选中值的两种方法：一是通过id获取单个多选框的选中状态，二是通过name获取一组多选框的选中值。详细步骤包括引入jQuery文件，HTML设计，JavaScript实现以及运行结果展示。

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

jquery如何获取多选框选中的值，有两种方法

1、通过id获取是否选中（单个）

1）引入jquery文件

2）Html设计如下

<div>
            <span>运动类：</span>
            <div id="div1" style="position:relative;left:80px;margin-top:-16px;">
            <input type="checkbox" size="12" name="Sports" id="Pingpong"   value="1"/>乒乓球&nbsp;&nbsp;
            <input type="checkbox" size="12" name="Sports" id="Badminton"  value="2"/>羽毛球&nbsp;&nbsp;
            <input type="checkbox" size="12" name="Sports" id="Basketball" value="3"/>篮球&nbsp;&nbsp;
            <input type="checkbox" size="12" name="Sports" id="Billiards"  value="4"/>台球&nbsp;&nbsp;
            </div>
            <div id="div2" style="position:relative;left:80px;margin-top:10px;">
            &