如果选择单选按钮,则对复选框执行验证

2023-12-09

我正在尝试处理此表单,因此当选择第一个单选按钮时,请运行特定的验证。当选择第二个单选按钮时,运行不同的验证等。当前使用警报来检查功能,但无论我选择哪个单选按钮,我都不会收到任何反馈。

JavaScript 函数

<script type="text/javascript">

function validateDays() {
    if (document.form1.radio1[0].checked == true) {
        alert("You have selected Option 1");
    }
    else if (document.form1.radio1[1].checked == true) {
        alert("You have selected Option 2");
    }
    else if (document.form1.radio1[2].checked == true) {
        alert("You have selected Option 3");
    }
    else {
        // DO NOTHING
        }
    }
}

</script>

html输入代码

<input name="radio1" type="radio" value="option1" id="option1" onClick="validateDays();">
<input name="radio1" type="radio" value="option2" id="option2" onClick="validateDays();">
<input name="radio1" type="radio" value="option3" id="option3" onClick="validateDays();">

如何根据选中的单选按钮获得不同的警报?

最终,每个单选按钮将限制用户能够选择的表单中复选框的数量 - 这就是为什么我不能纯粹在 onClick() 中进行此验证

更完整的代码 - 根据要求

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" ></script>

<script type="text/javascript">
$(document).ready(function() {
    jQuery('#3daypass').click(function mattcode() {
        jQuery('#other_2 , #other_3 , #other_4').prop('checked', true);
    });
    jQuery('#2daypass , #1daypass').click(function mattcode() {
        jQuery('#other_2 , #other_3 , #other_4').prop('checked', false);
    });
});
</script>

<script type="text/javascript">

function validateDays() {
    if (document.getElementById('3daypass').checked) {
        alert("You have selected Option 1");
    }
    else if (document.getElementById('2daypass').checked) {
        alert("You have selected Option 2");
    }
    else if (document.getElementById('1daypass').checked) {
        alert("You have selected Option 3");
    }
    else {
        // DO NOTHING
        }
    }
}

</script>

<tr>
    <td colspan="5" align="left"><table width="100%" border="0" cellspacing="0" cellpadding="0">
     <tr>
          <td width="65%" valign="top"><table width="100%" height="100%" border="0" cellpadding="2" cellspacing="0">
             <tr valign="middle">
                <td height="18" colspan="2" align="left" bgcolor="#000000"><span class="boxheader"><strong>&nbsp;Conference Pass</strong></span> <span class="bodycopyWhite"> - (Please select a day pass below)</span></td>
                   </tr>
                  <tr valign="middle">
                      <td colspan="2" align="left" bgcolor="#EBEBEB"><img src="spacer.gif" width="1" height="3"></td>
             </tr>
                <tr bgcolor="#EBEBEB">
                   <td align="center" valign="top" bgcolor="#EBEBEB"><table width="100%" border="0" cellspacing="0" cellpadding="2">
                       <tr>
                     <td width="7%"><input name="other_1" type="radio" value="3daypass" id="3daypass" onClick="Payment_Total(); check_code(); Vat_Total(); validateDays();"></td>
                        <td width="93%" class="bodyNormal"><strong>Three-day</strong> open delegate pass</td>
                     </tr>
                      <tr>
                       <td><input name="other_1" type="radio" value="2daypass" id="2daypass" onClick="Payment_Total(); check_code(); Vat_Total(); validateDays();"></td>
                    <td class="bodyNormal"><strong>Two-day</strong> open delegate pass</td>
                   </tr>
                       <tr>
                 <td><input name="other_1" type="radio" value="1daypass" id="1daypass" onClick="Payment_Total(); check_code(); Vat_Total(); validateDays();"></td>
               <td class="bodyNormal"><strong>One-day</strong> open delegate pass</td>
           </tr>
                </table></td>
           </tr>
        <tr valign="middle">
               <td colspan="2" align="left" bgcolor="#EBEBEB"><img src="spacer.gif" width="1" height="3"></td>
           </tr>
             </table>
                <br>
            <table width="100%" border="0" cellspacing="0" cellpadding="2">
                  <tr>
                      <td height="20" colspan="2" bgcolor="#000000" class="boxheader"><strong>&nbsp;Please select the days you will be attending</strong></td>
                  </tr>
           <tr>
                 <td width="9%" bgcolor="#EBEBEB"><input name="other_2" type="checkbox" id="other_2" value="Tues 5 Feb"></td>
               <td width="91%" bgcolor="#EBEBEB" class="bodycopy">Tuesday 5 February 2013 </td>
             </tr>
                 <tr>
               <td bgcolor="#EBEBEB"><input name="other_3" type="checkbox" id="other_3" value="Wed 6 Feb"></td>
             <td bgcolor="#EBEBEB" class="bodycopy">Wednesday 6 February 2013 </td>
           </tr>
               <tr>
           <td bgcolor="#EBEBEB"><input name="other_4" type="checkbox" id="other_4" value="Thurs 7 Feb"></td>
                     <td bgcolor="#EBEBEB" class="bodycopy">Thursday 7 February 2013 </td>
              </tr>

对凌乱的代码表示歉意 - 这是由其他人于 2005 年编写的(显然对 CSS 有恐惧症) - 看看我必须使用什么?!


function validateDays() {
    if (document.getElementById("option1").checked == true) {
        alert("You have selected Option 1");
    }
    else if (document.getElementById("option2").checked == true) {
        alert("You have selected Option 2");
    }
    else if (document.getElementById("option3").checked == true) {
        alert("You have selected Option 3");
    }
    else {
        // DO NOTHING
        }
    }
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如果选择单选按钮,则对复选框执行验证 的相关文章

随机推荐

  • 如何附加到 Azure 存储文件共享中的文件?

    我想将条目写入存储在 Azure 文件存储中的日志文件 我目前有这个 var log My log entry var client storageAccount CreateCloudFileClient var share client
  • 如何在 MongoDB shell 中创建可尾游标?

    我想直接在 MongoDB 中为上限集合创建一个无限处理循环 但我找不到如何在 MongoDB shell 中获取 tailabale 游标 在 Python 中可以使用tailable选项中集合 find 尽管 您可以使用 addOpti
  • Java:读取一个巨大文件的最后n行

    我想读取一个非常大的文件的最后 n 行 而不使用 Java 将整个文件读入任何缓冲区 内存区域 我查看了 JDK API 和 Apache Commons I O 但无法找到适合此目的的一个 我正在考虑 tail 或 less 在 UNIX
  • 使用for循环匹配具有各种扩展名的文件[重复]

    这个问题在这里已经有答案了 我正在尝试匹配并循环扩展名为 txt h py 的文件 在特定文件夹 arg 中 这是我所做的 for file in arg txt h py do done 然而 即使我有这样的文件 我也没有得到所有扩展名的
  • Android-Listview项目滚动时背景颜色变化

    My ListView包含两个Textviews 在一行中 第一个用于名称 第二个用于结果 我需要更改结果的背景颜色TextView根据结果 就像如果通过那么结果TextView结果失败时颜色将为绿色TextView颜色将是红色 我有十行L
  • NSJSONSerialization + AFNetworking 出现无法识别的选择器错误

    Update 我刚刚使用以下命令测试了从服务器返回的 JSON 格式JSONlint没关系 我在 AFNetworking 调用返回 JSON 数据的 php 脚本时遇到 NSJSONSerialization 异常 我在这里查看了具有相同
  • 复制时可执行文件以某种方式损坏

    我正在使用Qt的QNetworkAccessManager从一个地方 当前是本地机器 但将来它将是一个HTTP服务器 下载一个文件并将其临时存储在TEMP文件中 linux ubuntu 我发现的问题是该文件 这是一个可执行文件 在此过程中
  • PHP 获取目录中图像的尺寸

    我有大量照片需要整理 我需要知道每张照片的尺寸才能知道 否则需要重新调整大小 作为一名程序员 我相信必须有一种更快的方法来做到这一点 我已经走了很远了 以下代码读取目录和所有子目录 但当我尝试提取尺寸时 循环在需要检查的所有图片的 8 处停
  • 如何删除数组中的“空”元素?

    我目前正在做一个编码挑战 其中指出 给定一个单词列表 返回可以在美式键盘的一行上使用字母输入的单词 如下图所示 这是 QWERTY 键盘的图像 例子 Input Hello Alaska Dad Peace Output Alaska Da
  • Rust 打印后从控制台读取输入

    我只是在制作一个小程序 我试图通过控制台从用户那里获取输入 这是我的代码 print Enter values seperated by spaces let mut input String new match io stdin read
  • 通过HTTP适配器传递参数?

    我想在用户注册我的混合应用程序 基于 IBM Worklight 6 0 后向他 她发送一封电子邮件 我想将用户的参数 电子邮件 ID 传递到托管的 PHP 文件 我尝试直接在 URL 中发送邮件 如下所示 效果如下 http www xx
  • 将 sass 列表传递给具有多个参数的 mixin

    我正在尝试创建一个 sass mixin 它将列表中不确定数量的项目作为 mixin 中的参数 最终目标是拥有一个 mixin 可用于设置进度条不同值的颜色样式 即当进度条具有较低值时为红色 这是我为 mixin 想到的 mixin pro
  • 将粘贴表从 sql-server 复制到 Excel 的最快 ADO

    我正在将数据表从 sql server 移动到 Excel 中 我不需要浏览记录集 只是为了获取数据并将其粘贴到工作表中 我是否为记录集使用了正确的参数Open方法 Dim recSet As ADODB Recordset Set rec
  • 如何使用 awswrangler 只读取 S3 中存储的 parquet 文件的前几行 N 行?

    我正在尝试使用 awswrangler 将存储在 S3 中的任意大的 parquet 文件读入 pandas 数据帧 但将我的查询限制为第一个N由于文件的大小 以及我较差的带宽 而导致的行 我不知道如何做到这一点 或者是否可以在不搬迁的情况
  • 是否可以从 bash 脚本设置超时? [复制]

    这个问题在这里已经有答案了 有时我的 bash 脚本会在没有明确原因的情况下挂起并保持 所以它们实际上可以永远挂起 脚本进程将运行直到我杀死它 是否可以结合 bash 脚本超时机制 以便在 小时后退出程序 这种仅限 Bash 的方法通过将函
  • JAX-WS 和 XSD 验证

    我有一个 wsdl 它有一个导入的 xsd 这个 xsd 有相当多的限制 如下所示
  • 检测 iPhone 中的 GPS 硬件

    我想知道如何检测 iPhone 中是否存在 GPS 硬件 你不能detect硬件 至少不是通过官方SDK 但是 您可以interact从您的应用程序 通过 CoreLocation 框架 使用它 即从中获取信息 自 iPhone OS 2
  • pip install tabulate UnicodeDecodeError 错误

    我正在尝试安装 python 包tabulate通过跑步pip3 install tabulate在 Archlinux 上但我收到以下错误 Downloading unpacking tabulate Downloading tabula
  • 通过调用 PHP 脚本从 Javascript 更新数据库

    我一直想得到这个 我正在建立一个有活动墙的网站 除了 喜欢 和 不喜欢 按钮之外 所有功能都可以正常工作 我目前只显示一个我喜欢或不喜欢的文本框 a href Like a or a href Unlike a 现在这些称为这些脚本
  • 如果选择单选按钮,则对复选框执行验证

    我正在尝试处理此表单 因此当选择第一个单选按钮时 请运行特定的验证 当选择第二个单选按钮时 运行不同的验证等 当前使用警报来检查功能 但无论我选择哪个单选按钮 我都不会收到任何反馈 JavaScript 函数