美文网首页前端jquery和 ajaxAjaxAJAX专题
通过ajax给后台提交数据时,radio性别数据的获取

通过ajax给后台提交数据时,radio性别数据的获取

作者: a333661d6d6e | 来源:发表于2018-11-04 14:36 被阅读45次

通过ajax向后台异步发送数据,经常我们会遇到个人信息额提交,一般我们采用FormData来装数据。在装性别值得时候,我们会有两个radio框,获取radio值得方法如下:

一般情况下,一个radio里边有四个属性,type = "radio" name = "names" value = man; checked = "checked" 在写html代码的时候,checked只能在其中一个input里出现,

他的作用是标记那个被选中,而我们获取哪一个radio框的选择依据也就是checked;

定义两个input框,

<input type = "radio" name = "names" value = man checked = "checked"  >
<input type = "radio" name = "names" value = woman >

定义一个函数:

function check(){
var radio = document.getElementsByName("names");
for(i = 0; i < radio.length; i ++){
if(radio[i].checked){
return radio[i].vaule
}
}
}//欢迎加入全栈开发交流群一起学习交流:864305860

把获取的值赋给定义的变量: var radio = document.getElementsByName("names").innerHTML = check();

接下来将radio 添加到FormData,发送ajax请求;

相关文章

  • 通过ajax给后台提交数据时,radio性别数据的获取

    通过ajax向后台异步发送数据,经常我们会遇到个人信息额提交,一般我们采用FormData来装数据。在装性别值得时...

  • AJAX总结

    最近学习使用AJAX来获取后台数据,通过使用AJAX我们可以实现页面无刷新自动获取最新数据,是一种非常实用的创建快...

  • React异步渲染组件,如何设置Loading效果?

    渲染某个页面(组件),用到的数据需要通过ajax向后台获取,ajax方法一般写在componentDidMount...

  • Ajax异步上传原理

    原理:当点击上传时,则调用JS的函数用ajax像后台发送数据。后台接收数据后使用$_FILES获取。获取到后新建一...

  • PHP之Excel表格之导入数据

    说明:由于项目需要,今天用Ajax+PHPExcel进行文件下载(后台获取数据,将数据生成Excel表格,最后通过...

  • 正则删除字符串左、右或两端的空格经验总结

    我们经常需要获取文本框中用户输入的信息,然后通过ajax或form提交到后台,数据中难免要包含一些空格,因此我们有...

  • JavaScript 通信 / Ajax

    Ajax 表单提交 在HTML中提供了表单提交的功能,我们可以通过表单把数据从前台提交到后台 在HTML的DOM中...

  • 项目中出现的几个问题

    非主键数据验证数据的唯一性 一般是通过Ajax的方式来从后台获取是否唯一后台再通过去数据库查找,数据库语句为 se...

  • Django 通过Ajax局部刷新更新Table

    在Python Django框架中,通过Ajax方式向后台提交查询请求,返回数据,前台局部刷新Table的方式完成...

  • 无标题文章

    1、ajax_get.html //ajax //ajax发送请求并拼接请求数据,后台通过一系列操作,返回给前...

网友评论

    本文标题:通过ajax给后台提交数据时,radio性别数据的获取

    本文链接:https://www.haomeiwen.com/subject/ahjlxqtx.html