javascript - HTML单选按钮在数据库中保存第一个单选按钮值
问题描述
我是 Javascript 和 ajax 的新手。我正在创建一个基本表单并将值保存在 Mysql 数据库中。点击提交按钮后,只有第一个单选按钮值被保存在数据库中。谁能帮我吗? 这是我的 HTML 代码:
<form>
<div class="form-group">
<div class="form-group">
<label>Email:</label>
<input type="email" class="from-control" name="Name">
</div>
<label class="form-check-label">Gender</label>
<div class="form-check-inline">
<input type="radio" class="form-check-input" name="Sex" id="Sex" value="Male" />Male
<input type=radio class="form-check-input" name="Sex" id="Sex" value="Female" /> Female
</div>
<div class="form-group">
<button class="btn btn-primary" type="submit" id="btn_submit">Submit</button>
<button class="btn btn-seconday" type="button" id="btn_cancel">Cancel</button>
</div>
</div>
</form>
还有我的 Javascript 代码:
<script type="text/javascript">
$(document).ready(function () {
$('#btn_save').on('click',function() {
var Email = $('#Email').val();
var Sex = $('#Sex').val();
$.ajax({
type : "POST",
url : "https://localhost/newCrud/test/save",
dataType : "JSON",
data: {Email:Email, Sex:Sex},
success : function (data) {
$('[name = "Email"]').val("");
$('[name = "Sex"]').val("");
}
});
return true;
});
});
</script>
请帮我解决我的问题,我做了相当多的研究,但找不到解决问题的方法。谢谢你的建议。
解决方案
id
HTML 的属性应该是唯一的。在这种情况下,您将始终获得对应的第一个值id
。
解决问题的更简单方法:
var Sex = $('input[name="Sex"]:checked').val();
推荐阅读
- django - 是否可以在 aws 的单个文件中写入瞭望塔日志
- java - How to allow angular brackets <> without any characters between them using Regex?
- java - Minio 存储桶大小
- angular - 如何将拦截器和服务从应用程序模块加载到延迟加载模块?
- java - 在 Jhipster 中访问文件(Angular + Springboot)
- c# - C# 列出最小和最大范围
- r - 如何使用 R 中的“break”语句解决问题?
- html - 删除密码上的字符后如何删除确认密码上输入的字符?
- html - 根据条件为 HTML 表格正文的文本着色
- android - 如何在片段中的单击侦听器上制作按钮