gpt4 book ai didi

javascript - 这段代码有什么问题吗? .checked 可能是我没有正确使用的那个

转载 作者:行者123 更新时间:2023-11-28 19:35:36 24 4
gpt4 key购买 nike

我有一个简单的 html 表单。登录页面出现问题,有两个单选按钮,一个用于忘记密码,另一个用于忘记用户名。当用户单击其中一个单选按钮时,选项下方会出现一个小表单,然后他可以继续操作。我刚刚写了用户名部分。并为它编写了一个小函数,但它并没有真正正常工作,事实上,它根本不起作用。

我检查了jquery选择器,表单#usernamedrop确实隐藏了,但是if语句无法正常工作。

$(document).ready(function(e){
$("#usernamedrop").hide();
$("#usernameradio").change(function(e){
if($("#usernameradio").checked){
$("#usernamedrop").show();
}else {
$("#usernamedrop").hide();
}
});
});

html 如下:

<body>
<div id="logindiv">
<h1>What is the problem?</h1>
<div>
<div class="formentry">
<input type="radio" name="troublekind" id="usernameradio" value="username">
<label for="usernameradio">I forgot my username</label>
</div>
<div class="formentry">
<input type="radio" name="troublekind" id="passwordradio" value="password">
<label for="passwordradio">I forgot my password</label>
</div>
</div>
<form id="usernamedrop">
<h2>Please Enter</h2>
<div class="formentry">
<label for="dateofbirth">Date Of Birth</label><input type="date" name="dateofbirth" id="dateofbirth">
</div>
<div class="formentry">
<label for="placeofbirth">Place Of Birth</label><input type="text" name="placeofbirth" id="placeofbirth">
</div>
<input type="submit" name="submitusernamedrop" value="Submit">
</form>
</div>

最佳答案

您正在混合 Vanialla JS 和 jQuery。 $("#usernameradio") 是一个 jQuery 对象,它没有 checked 属性。

您可以使用多种方式获取已检查的属性:

  1. this.checked;,简单且最好的方法
  2. $(this).is(':checked');
  3. $(this).prop('checked');

使用

$("#usernameradio").change(function(e){
if(this.checked){
$("#usernamedrop").show();
}else {
$("#usernamedrop").hide();
}
});

关于javascript - 这段代码有什么问题吗? .checked 可能是我没有正确使用的那个,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25967791/

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