如何使用PHP获取表单中单选按钮的选中值？

嘿，我来帮你搞定单选按钮的值获取问题！其实逻辑和文本框差不多，但单选按钮有个关键规则——同组的单选按钮必须共享同一个name属性，这样浏览器才会把它们当成一组，限制只能选一个。下面分前端验证和后端PHP接收两部分来讲：

第一步：先写正确的单选按钮HTML结构 #

首先确保你的单选按钮是同组的，每个按钮都设置好value（这个值就是提交给后端的内容，一定要设，不然默认提交on会很麻烦）：

<form name="contactDataForm" action="sendMail.php" onsubmit="return ValidationCheck()" method="post">
  <!-- 文本框部分你已经搞定了 -->
  <label for="lblName">Name (*):</label> 
  <input type="text" name="txtBoxName" id="txtBoxName">

  <!-- 单选按钮组 -->
  <p>请选择选项：</p>
  <label>
    <input type="radio" name="test1" value="option1"> 选项1
  </label>
  <label>
    <input type="radio" name="test1" value="option2"> 选项2
  </label>
  <label>
    <input type="radio" name="test1" value="option3"> 选项3
  </label>

  <button type="submit">提交</button>
</form>

第二步：前端验证时获取选中值 #

在你的ValidationCheck()函数里，可以用两种常用方法拿到选中的单选按钮值：

方法1：用querySelector快速定位（推荐） #

直接通过CSS选择器找到被勾选的单选按钮：

function ValidationCheck() {
  // 先验证文本框（你原来的逻辑保留）
  const nameValue = document.getElementById('txtBoxName').value;
  if (!nameValue.trim()) {
    alert('请填写姓名！');
    return false;
  }

  // 获取选中的单选按钮
  const selectedRadio = document.querySelector('input[name="test1"]:checked');
  if (!selectedRadio) {
    alert('请选择一个选项！');
    return false; // 阻止表单提交
  }

  // 拿到选中的值
  const radioValue = selectedRadio.value;
  console.log('当前选中的单选值：', radioValue);

  // 其他验证逻辑...
  return true;
}

方法2：遍历单选按钮组 #

如果需要兼容更老的浏览器，可以用getElementsByName遍历所有同组按钮：

function ValidationCheck() {
  // 文本框验证...

  const radioButtons = document.getElementsByName('test1');
  let selectedValue = null;
  // 遍历找选中的按钮
  for (let btn of radioButtons) {
    if (btn.checked) {
      selectedValue = btn.value;
      break;
    }
  }

  if (!selectedValue) {
    alert('请选择一个选项！');
    return false;
  }

  console.log('当前选中的单选值：', selectedValue);
  return true;
}

第三步：后端PHP获取单选值 #

和文本框的逻辑几乎一样！选中的单选按钮会把name和对应的value提交到后端，直接用$_POST['test1']就能拿到，但要注意处理用户没选就提交的情况（避免Undefined index错误）：

// 处理文本框值（你原来的代码保留）
$Name = $_POST['txtBoxName'] ?? '';

// 处理单选按钮值
// 方法1：先判断是否存在
if (isset($_POST['test1'])) {
  $SelectedOption = $_POST['test1'];
  echo '选中的选项：' . $SelectedOption;
} else {
  echo '用户未选择任何选项';
}

// 方法2：用PHP7+的空合并运算符简化
$SelectedOption = $_POST['test1'] ?? '未选择';
echo '选中的选项：' . $SelectedOption;

几个小提醒 #

• 一定要给单选按钮设置value属性，不然默认提交的是on，完全不直观
• 如果需要默认选中某个选项，给对应按钮加checked属性：<input type="radio" name="test1" value="option1" checked>
• 前端验证和后端判断都要做，前端提升用户体验，后端防止非法提交

内容的提问来源于stack exchange，提问作者user7998549