当我单击具有此复选框的元素范围时如何设置项目复选框?

2023-12-08

当我单击具有此复选框的元素范围时,我需要设置项目复选框。

Code:

<script>
$('.CheckMemberClassList').bind('click',function(){
    $('.CheckMemberClassList').removeClass('MemberClassActive').addClass('MemberClassInactive');
    $(this).removeClass('MemberClassInactive').addClass('MemberClassActive');
    });
</script>


<span class="MemberClass1 MemberClassActive CheckMemberClassList">
<input type="radio" name="MemberClassList" id="MemberClassList1" value="1" checked="checked">
Text One
</span>

<span class="MemberClass2 MemberClassInactive CheckMemberClassList">
<input type="radio" name="MemberClassList" id="MemberClassList2" value="2">
Text Two
</span>

<span class="MemberClass3 MemberClassInactive CheckMemberClassList">
<input type="radio" name="MemberClassList" id="MemberClassList3" value="3">
Text Tree
</span>

请告诉我我需要如何在这段代码中实现它?


改变你的<span>s to <label> with a for=与您输入的 ID 匹配的属性,如下所示:

<label for="checkbox1">Click Me!</label>
<input type="checkbox" id="checkbox1">

http://jsfiddle.net/2GbPS/

实际上,由于您的复选框位于跨度内,因此这将起作用:

<label>
<input type="checkbox">
Click Me!
</label>

(小提琴更新)

也适用于收音机!

<label>
<input type="radio">
Click Me!
</label>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

当我单击具有此复选框的元素范围时如何设置项目复选框? 的相关文章

随机推荐

  • 零行 1000 列的矩阵?

    我正在看一个例子CvNormalBayesClassifier train其中输入 输出矩阵是一维向量 我正在查看的示例通过使用以下行创建具有 0 行和 1000 列的 cv Mat 矩阵来实现此目的 Mat trainingData 0
  • 如何区分/合并对部署项目文件的更改

    我目前正在使用 CVS 不是我的选择 并且有几个分支 我正在尝试合并两个分支 但部署项目文件存在冲突 如果不花费大量时间我就无法解决 对项目文件的微小更改会导致对该项目文件的巨大更改 我想这要归功于 GUID 更改 更改项目文件 获取干净的
  • 为什么“schtasks”不运行我的作业?

    我使用 Windows XP 安排了一个任务schtasks实用程序 但任务不运行 这是我在SchedLgU Txt日志档案 MySQL Automatic Backup job WampServer 10 2 2010 6 36 43 P
  • 为什么 main 被调用两次?

    我刚刚了解了 fork 据我了解 子进程从调用 fork 开始执行 否则 fork 会递归 然而在这段代码中 创意链接 int main printf d Common code1 n getpid if fork 0 printf d P
  • 将 Maven 中的多模块项目构建到一个 war 文件中

    我的问题以前曾被问过 我知道 但我认为我正在尝试做一些稍微不同的事情 其中 现有的答案是不合适的 本质上 我确实希望在 Eclipse 中拥有多个项目 这些项目将构建 最好 到一个最终的 WAR 文件中 理想情况下是这样的 root pom
  • MySQL REGEXP - 删除空格和非数字字符

    我想在 MySQL 数据库中搜索电话号码 目前有这个查询 SELECT person FROM people WHERE phone number RLIKE 123456789 它不会找到 123 456 789 12 456789 12
  • Validationengine jquery 无法正常本地化

    我正在使用validationEngine jquery 2 6 2 在 ASP NET 中进行验证 我想根据选择的语言 如英语或日语 加载其语言规则文件 我在应用程序中使用母版页 对此给出一些解决方案 您没有指定如何选择语言以及如何检查当
  • 有没有办法检查网页上正在使用或未使用哪些 CSS 样式?

    想要了解网页上当前使用哪些 CSS 样式 2022 年 7 月更新 Google 似乎已删除了下面的选项 1 审核选项卡已被删除 并且添加了 Lighthouse 和 Recorder Google Chrome 有两种方法来检查未使用的
  • 获取客户端的IP地址或获取连接到Android热点的客户端的信息(SSID)(网络共享后)

    我得到了 Wifi 网络共享程序 我在 Android 中得到了一个开放 非安全 热点 我喜欢查看连接到我的热点的客户端的详细信息 SSID 和 IP 地址 我使用了 SocketAddress socketid socket getLoc
  • 未知符号 __class_create (错误 0)

    这可能是一个愚蠢的问题 但我在网上查找了几个小时却找不到答案 我正在编写一个也创建字符设备的内核模块 它编译时没有错误和警告 但是当我尝试时sudo insmod my mod ko I get insmod error inserting
  • Xpages文件改变文件模式?

    我遇到了一件奇怪的事情 不幸的是 像往常一样 我无法发布代码 因此我正在描述问题 以防有人可以提出可能的原因 我有一个 xpage 其中包含自定义控件 自定义控件通过链接处理文档锁定和更改为编辑 只读模式 文档锁定是通过基于 UNID 设置
  • 并行运行/执行多个过程 - Oracle PL/SQL

    我有一个活动表 它获取系统的所有表事件 所有系统表上的新订单 插入 删除等事件都将插入到该表中 因此 对于活动表来说 每秒的事件数确实很大 现在 我想根据负责引发事件的表的业务逻辑来处理传入事件 每个表可能有不同的处理过程 我使用了相同的链
  • 在C#中使用结构体读取数据

    假设我有一个这样定义的结构 struct Student int age int height char name 12 当我读取二进制文件时 它看起来像 List
  • 如何在 Windows 脚本中获取最新(按创建时间)目录的名称?

    我需要一些帮助来获取 Windows 脚本中最新目录的名称 我找到了一些有关获取最新有效文件的信息 但我无法让它在目录上工作 例如 这是我的目录 drwxr xr x 2 usrpm Domain Users 0 Jun 29 10 34
  • 在 yii2 中使用“with”的嵌套关系

    有人可以告诉我 我有几个型号 一Item有很多 特性 On Property有很多 特征我可以这样做 return Item find gt where code gt code gt with properties gt asArray
  • xcode - 如何将视图锁定为纵向模式,但仍允许一个视图旋转?

    我遇到设备旋转问题 除了一个视图 我在其中显示公司初始屏幕 之外 我想将所有剩余的应用程序视图锁定为纵向显示 在项目设置中 支持的方向是纵向和横向左 在 公司启动画面 中 它工作正常 并且无论我如何旋转设备 视图旋转都被锁定到 Landsc
  • 动态转换抛出指针不是 std::__non_rtti_object

    我在使用dynamic cast 时遇到问题 我刚刚编译了我的项目并在调试模式下测试了所有内容 然后我尝试在发布模式下编译它 我已经从调试模式复制了所有配置 除了现在的优化参数 o2 在调试时我将其设置为 od 项目已编译 但当它开始加载我
  • 如何将元组列表转换为多个列表?

    假设我有一个元组列表 并且我想转换为多个列表 例如 元组列表是 1 2 3 4 5 6 Python 中是否有任何内置函数可以将其转换为 1 3 5 2 4 6 这可以是一个简单的程序 但我只是好奇Python中是否存在这样的内置函数 内置
  • jQuery 删除类的最后一个子级

    我正在开发一个动态表单 这些行有父级下拉菜单 当我们选择父级时 它会为子级的数量添加新的行 我已经为每个子行指定了类 可以选择动态添加父行等 到目前为止 添加和删除父行工作正常 我在删除最后一个子行时遇到问题 下面是如何创建行的粗略想法 R
  • 当我单击具有此复选框的元素范围时如何设置项目复选框?

    当我单击具有此复选框的元素范围时 我需要设置项目复选框 Code span class MemberClass1 MemberClassActive CheckMemberClassList span