gpt4 book ai didi

Javascript 单选按钮功能错误

转载 作者:行者123 更新时间:2023-11-28 20:32:18 24 4
gpt4 key购买 nike

我尝试使用表单中的一些单选按钮执行一些操作,但遇到了很多麻烦。现在有两个单选按钮可以一起工作。我希望我的表单有 3 个场景。

  1. 两个单选按钮均未选中,隐藏或禁用其他 2 个元素。 (文本框和下拉列表)
  2. 选中第一个单选按钮,隐藏或禁用 1 个元素。
  3. 选中第二个单选按钮,隐藏或禁用 1 个元素。

在所有 3 个场景中,我需要我的表单从用户返回值,无论它是什么,还是单选按钮检查以及该单选按钮可用的元素。另请记住,该表单稍后将包含其他单选按钮,这些单选按钮将与这些单选按钮分开。我还想提一下,如果可能的话,我想将其保留在纯 JavaScript 中。

目前我正在尝试使用 .disable 和 .checked,但运气不佳。谁能帮我解决这个问题。如果可能,请对您的答案进行解释,以便我能够理解。

这是我的表单代码:

<input type="radio" name="clubMember" id="member" value="Member" />Club Member 
<input type="radio" name="clubMember" id="nonmember"value="nonMember" />Non Member <br /> <br />

Select your Club.
<select name="clubList">
<option value="clubA">Club A</option>
<option value="clubB">Club H</option>
</select><br />

<!-- OR -->
Are you from another club, or a guest? <br />
<textarea rows="5" cols="25" name="nonClubInfo">Briefly explain here </textarea>

<button type="submit" onclick="return validateRegistrationForm()" >Register</button>

这是我的脚本的代码:

function validateClubInfo()
{
if(document.getElementById("member").checked == false && document.getElementById("nonMember").checked == false)
{
document.getElementById("clubList").disabled = true;
document.getElementById("nonClubInfo").disabled = true;
alert("this is a test");
return true;
}
else if(document.getElementById("member").checked == true)
{
document.getElementById("nonClubInfo").disabled = true;
return true
}
else if(document.getElementById("nonMember").checked == true)
{
document.getElementById("clubList").disabled = true;
return true;
}
}

我还应该注意,验证是通过第二个函数进行检查的,我将其省略,因为它是一个非常长的函数,并且与此问题无关。

无论如何,任何有关此事的帮助都将不胜感激。

最佳答案

看起来问题是您正在使用 document.getElementById 来查找 select/textarea,但您尚未为这些元素分配 id。尝试添加一个 id,如下所示:

<select name="clubList" id="clubList>
<option value="clubA">Club A</option>
<option value="clubB">Club H</option>
</select><br />

关于Javascript 单选按钮功能错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16114399/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com