单选传值法php,如何使用javascript在PHP中发送单选按钮值?

博主在尝试从HTML表单中获取选中单选按钮的值时遇到问题。尽管已经搜索并尝试了多种解决方案,但每次测试时,无论选择哪个选项,总是只能获取到第一个单选按钮的值。问题在于所有单选按钮使用了相同的ID,导致获取值的错误。解决方案是使用不同的ID或通过jQuery的`:checked`选择器来获取选中项的值。评论中提供了修正后的代码示例,并成功解决了问题。
摘要由CSDN通过智能技术生成

本问题已经有最佳答案,请猛点这里访问。

我已经在这里呆了一个星期,读了所有的stackoverflow和google,我不能解决这个问题。每次我测试它,我都会得到第一个单选按钮,不管我点击哪个。

我收到的邮件是:

Name: test

Email: test@live.com

phone: 9545027557

type: Residential

HTML:

placeholder="Full Name" id="name" required

data-validation-required-message="Please enter your name" />

id="email" required

data-validation-required-message="Please enter your email" />

value="Residential" checked > Residential

value="Commercial"> Commercial

value="Handyman"> Handyman

Request

联系u me.js:

var name = $("input#name").val();

var email = $("input#email").val();

var phone = $("input#phone").val();

var optionu = $("input#optionu").val();

var firstName = name; // For Success/Failure Message

// Check for white space in name for Success/Fail message

if (firstName.indexOf(' ') >= 0) {

firstName = name.split(' ').slice(0, -1).join(' ');

}

$.ajax({

url:"bin/contact_me.php",

type:"POST",

data: {name: name, email: email,  optionu: optionu,  phone: phone},

cache: false,

success: function() {

// Success message

$('#success').html("");

$('#success > .alert-success').html("×")

.append("");

$('#success > .alert-success')

.append("Your message has been sent.");

$('#success > .alert-success')

.append('');

联系u me.php:

$name = $_POST['name'];

$optionu_value = $_POST['optionu'];

$phone = $_POST['phone'];

$email_address = $_POST['email'];

// create email body and send it

$to = 'test@gmail.com'; // put your email

$email_subject ="Contact form submitted by:  $name";

$email_body ="You have received a new message.

".

" Here are the details:

Name: $name

".

"Email: $email_address

phone: $phone

type: $optionu";

太多的代码,这真的与问题有关吗?

我想我明白了……输入收音机的名称必须相同,但是,只要删除收音机上的ID……你就可以检索到选定的值……我会发布一个测试答案……

SRY试图提供所有信息

首先,你使用同一个ID 4次。ID在文档中必须是唯一的,不能将同一ID设置为4个元素。我也认为你从单选按钮中获取价值的方式是错误的。

这或多或少就是如何从单选按钮中获取值的方法:(另一个so问题的例子)

var optionu = $('input[name=optionu]:checked', '#controls').val()

同时从所有输入[radio]元素中删除id。

Residential

Commercial

Handyman

谢谢,我知道我的身份,但这是唯一能起作用的,但再次感谢,我不能告诉你这对我有多大帮助。

试试这个:

$('input[name=optionu]:checked').val()

工作小提琴:http://jsfiddle.net/robertrozas/9dyrr/

你必须找到收音机的检查值。你只需要得到第一个无线元素的值。

如何通过jquery知道选择了哪个单选按钮?

编辑:不能对每个单选按钮使用相同的ID。您必须给它一个类名,或者使用jquery按名称引用按钮。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值