div 内的 Jquery 复选框一次选中一个

2023-12-04

所以我有一个自动生成的 div,里面有 3 个具有不同 id 和名称的复选框,默认情况下没有一个被选中!如果其中一个碰巧被检查,那么我需要另外两个未被检查!

所以一次只能检查一个...

所以全部未选中或仅选中一项!

<div class="configoptions">
    <table class="configtable" cellpadding="0" cellspacing="0" width="100%">
        <tbody>
            <tr>
                <td class="fieldlabel">Include:</td>
                <td class="fieldarea">
                    <label><input name="configoption[10]" id="co30" value="1" onclick="recalc()" type="checkbox">green</label>
                </td>
            </tr>
            <tr>
                <td class="fieldlabel">Include:</td>
                <td class="fieldarea">
                    <label><input name="configoption[9]" id="co27" value="1" onclick="recalc()" type="checkbox">blue</label>
                </td>
            </tr>
            <tr>
                <td class="fieldlabel">Include:</td>
                <td class="fieldarea">
                    <label><input name="configoption[11]" id="co31" value="1" onclick="recalc()" type="checkbox">white</label>
                </td>
            </tr>
        </tbody>
    </table>
</div>

这是我用来取消选中页面上所有 div 的方法..因为最初我需要取消选中它们..效果很好...现在我需要做到这一点,所以如果选中的话,一次只检查一个!有人可以帮忙吗?提前谢谢!

$(document).ready(function() {
    $('input[type=checkbox]').each(function() {
        this.checked = false;
    });
});

Use the prop更改复选框和单选按钮的选中属性的函数

$(function(){
    $('input:checkbox').prop('checked', false)
    $('input:checkbox').click(function(){
        if($(this).is(':checked')){
            $('input:checkbox').not(this).prop('checked', false);        
        }
    });
})

Demo: Fiddle

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

div 内的 Jquery 复选框一次选中一个 的相关文章

随机推荐

  • Android 7.0 上的 Xamarin 错误 System.DllNotFoundException:/system/lib/libsqlite.so

    每当我尝试在 android 7 0 中创建 SQLite Net SQLiteConnection 时 都会出现此异常 知道如何修复它吗 我正在使用这些 nuget 包
  • 将 Underscore 模块与 Node.js 结合使用

    我一直在学习 Node js 和模块 但似乎无法让 Underscore 库正常工作 似乎我第一次使用 Underscore 中的函数时 它会覆盖 对象 结果为我的函数调用 有人知道发生了什么事吗 例如 以下是来自 node js REPL
  • 将函数应用于屏蔽 numpy 数组

    我有一个作为 numpy 数组的图像和一个图像掩码 from scipy misc import face img face gray True mask img gt 250 如何将函数应用于所有屏蔽元素 def foo x return
  • Vuejs - 未定义需求

    我只是在玩弄 vuejs 路由器并尝试加载组件 我使用了示例代码并进行了更改foo Define some components var Foo Vue extend template require components test vue
  • 资产管道、指南针字体和 eot?iefix 对字体的调用

    我正在尝试使用 Compass font face mixin 其中包含 eot iefix 我的应用程序 资产 字体包含所需的所有字体类型 包括 eot 当我尝试运行 asset precompile 时 任务失败 并显示如下内容 web
  • 在您的项目中找不到有效的 GoogleService-Info.plist

    当我使用 Xcode 9 beta 4 运行 swift 3 2 代码时 出现以下错误 Terminating app due to uncaught exception com firebase core reason FIRApp co
  • Android - 广播接收器没有被触发

    我知道这里已经被问了很多 但我已经在互联网上搜索了几个小时 我什至重复使用了以前的一些代码来接收短信 但我什么也没得到 因此 这里是接收短信的基本应用程序 但该应用程序从未收到意图 我认为如果文本是从同一部手机发送的 则意图可能会被忽略 但
  • 尽管为“子视图”赋予了值,但无法将空子视图添加到 ViewGroup

    我的应用程序在启动时立即崩溃 由于某种原因 它声明它是一个 IllegalArgumentException 尽管我不明白为什么 我已经正确实例化了 setContentView 我尝试仅在没有 R id 的情况下将参数设置为 Activi
  • 动态数组的惯用初始化是否会调用未定义的行为?

    这个问题可能有点争议 我在块范围内有以下代码 int a malloc 3 sizeof int if a error handling a 0 0 a 1 1 a 2 2 我认为这段代码调用了UB由于指针算术超出范围 原因是 有效型对象指
  • 单击下一步按钮时无法获取当前页面作为参数

    我试图在以下情况下获取页码作为参数next单击按钮 我正在尝试使用以下代码来实现它 onPaging function pgButton if pgButton next window alert next clicked n page u
  • 在 ASP.NET 中通过 C# 使用 Ajax 进行文件上传

    我需要使用 FileUpload 上传图像而无需回发 使用 Ajax 我尝试了很多示例 但是在所有回发即将到来或他们正在使用 PHP 时 任何人都可以帮助我在 ASP Net 中使用 ajax 进行单文件上传或多文件上传使用 C SWF上传
  • Firebase 函数总是超时完成

    我正在使用 firebase 功能通过云消息传递创建通知 但我总是收到此错误 Function execution took 60006 ms finished with status timeout 但通知有效 这是我在index js中
  • 如何破解包含连字符的长网址

    我正在尝试使用乳胶打破长网址 我有 3 个链接 第一个包含连字符的链接不起作用 但其他两个链接可以工作 因为它们不包含连字符 我像这样使用 url the url to brak hline textbf Documentation Ric
  • 如何从 Jasper Report 调用存储过程?

    如何从 Jasper Report 调用存储过程 The JasperReports Ultimate Guide包含有关使用存储过程的信息 必须满足某些条件才能将存储过程调用放入报告模板的 SQL 查询字符串中 通过 JDBC 调用时 存
  • 为什么 sudo 会改变 PATH? [关闭]

    Closed 这个问题不符合堆栈溢出指南 目前不接受答案 这是PATH没有 sudo 的变量 echo echo PATH sh opt local ruby bin usr bin bin 这是PATH带有 sudo 的变量 echo e
  • 如何使 Excel 从 TFS 2010 工作项查询自动刷新

    我们使用 Microsoft 默认提供的 MSF Agile 5 0 流程模板来运行我们的项目 具体来说 迭代待办事项列表 Excel 表格对于进行项目管理非常有用 然而 我们遇到过第 1 个工作表上的迭代待办事项列表不是最新的情况 打开
  • 如何在 SQL Server 中选择舍入数字

    我有一个包含此列的工资表 EMPLOYEE NAME SALARY ANNA 113750 MARRY 124300 BELLA 105100 我想将工资金额四舍五入到附近的 2000 或 5000 小数 所以对于这种情况 它会像 EMPL
  • 升级应用程序时安装到同一路径

    我有一个正在实施自动更新的应用程序 我有一个 Web 服务 程序会检查该服务 如果需要升级 则会下载并运行新的安装程序 Visual Studio 2005 安装项目 然后程序重新启动 一切都很好 但是如何确保安装程序中的安装路径默认与用户
  • 如何子类化 NSDate?

    我第一次尝试对 NSDate 进行子类化 为其提供我需要的 2 个方法 编译正常 但在运行时我尝试访问它时出现错误 可以说我只想要子类中未修改的当前日期 myNSDate date 我收到错误 NSDate initWithTimeInte
  • div 内的 Jquery 复选框一次选中一个

    所以我有一个自动生成的 div 里面有 3 个具有不同 id 和名称的复选框 默认情况下没有一个被选中 如果其中一个碰巧被检查 那么我需要另外两个未被检查 所以一次只能检查一个 所以全部未选中或仅选中一项 div class configo