gpt4 book ai didi

javascript - 获取值输入单选按钮 javascript

转载 作者:行者123 更新时间:2023-12-01 07:03:48 25 4
gpt4 key购买 nike

我有一个输入类型单选按钮,供用户选择一个值,例如性别。问题是我仅获得选项一的值,当我检查时,我收到类似 [DOM] Found 2 elements with non-unique id 的警告。我需要该值,以便可以使用 ajax 将其传递到数据库。

$('#register').on('click',function(){
var gender=$('#gender').val();
console.log(gender);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form method="get" id="task-form">
<table class="table">
<tr>
<td><input type="radio" name="gender" id="gender" value="male"> Male</td>
<td><input type="radio" name="gender" id="gender" value="female"> Female</td>
</tr>

<tr>
<td><button type="button" class="btn-primary" value="Submit" id="register">Register</button></td>
</tr>
</table>
</form>

你知道我需要什么来解决这个问题吗?

谢谢

最佳答案

属性id在文档中必须是唯一的,您可以使用 class 代替。

您可以将 name 属性与 :checked 一起使用作为选择器的一部分。

$('#register').on('click',function(){
var gender=$('[name=gender]:checked').val();
console.log(gender);
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form method="get" id="task-form">
<table class="table">
<tr>
<td><input type="radio" name="gender" class="gender" value="male"> Male</td>
<td><input type="radio" name="gender" class="gender" value="female"> Female</td>
</tr>

<tr>
<td><button type="button" class="btn-primary" value="Submit" id="register">Register</button></td>
</tr>
</table>
</form>

关于javascript - 获取值输入单选按钮 javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59745398/

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