Javascript 在类型上显示单选值

$（document）.on（'keyup'，function（））{
var x=$（'forminput[type=radio]：checked'）.val（）；
$（“#性别文本”）.text（$（this.val（x））；
});

男性
女性
性别：
您应该收听
单选按钮的
change
事件，而不是在
文档上使用
keyup
事件


您需要使用
$（'input[name=“gender”]”）
来定位您的收音机
按钮，您的选择器错误，因为
表单输入[type=radio]
意味着您的单选按钮位于
表单下，这是错误的

而不是将
$（this）.val（x）
设置为
显示
元素，
只需使用
x
，因为它会保存所选单选按钮的
值，因为代码中的
$（此）
指的是
文档
，因此实际代码将抛出错误


这是您的代码应该如何编写的：

$('input[name="gender"]').on('change', function() {
  var x = $('input[name="gender"]:checked').val();
  $("#gender-text").text(x);
});

演示：


$（'input[name=“gender”]”）。在（'change'，function（）上{
var x=$（'input[name=“gender”]：checked'）.val（）；
$（“#性别文本”）。文本（x）；
});

男性
女性
性别：
您应该收听
单选按钮的
change
事件，而不是在
文档上使用
keyup
事件


您需要使用
$（'input[name=“gender”]”）
来定位您的收音机
按钮，您的选择器错误，因为
表单输入[type=radio]
意味着您的单选按钮位于
表单下，这是错误的

而不是将
$（this）.val（x）
设置为
显示
元素，
只需使用
x
，因为它会保存所选单选按钮的
值，因为代码中的
$（此）
指的是
文档
，因此实际代码将抛出错误


这是您的代码应该如何编写的：

$('input[name="gender"]').on('change', function() {
  var x = $('input[name="gender"]:checked').val();
  $("#gender-text").text(x);
});

演示：


$（'input[name=“gender”]”）。在（'change'，function（）上{
var x=$（'input[name=“gender”]：checked'）.val（）；
$（“#性别文本”）。文本（x）；
});

男性
女性
性别：
几乎没有问题

您的
$（this）.val（x）
将值设置为
$（文档）
，并返回对象，因此无效

您正在选择
表单
，但DOM中没有此类元素


$（document）.on（'keyup'，function（））{
var x=$（'forminput[type=radio]：checked'）.val（）；
$（“#性别文本”）。文本（x）；
});

男性
女性
性别：
几乎没有问题

您的
$（this）.val（x）
将值设置为
$（文档）
，并返回对象，因此无效

您正在选择
表单
，但DOM中没有此类元素


$（document）.on（'keyup'，function（））{
var x=$（'forminput[type=radio]：checked'）.val（）；
$（“#性别文本”）。文本（x）；
});

男性
女性
性别：
这里有两个错误：

One您可以通过这种方式选择like
$（'forminput[type=radio]：checked'）
，但在给定的DOM结构中没有
表单
元素。因此，您的选择应该
$（'input[type=radio]：checked'）

另一个要点是无线电元素上不会绑定任何事件
keyup
您应该在此处编写
单击
或
更改
事件，如下所示：

$(document).on('change', function() {
  var x = $('input[type="radio"]:checked').val();
  $("#gender-text").text(x);
});

您还键入了
$（“#性别文本”）.text（$（this.val（x））
对
$（this）.val（x）
这一部分也有同样的意义。它应该
$（“#性别文本”）.text（x）



男性
女性
性别：
$（文档）.on（'change'，function（）{
var x=$（'input[type=“radio”]：checked'）.val（）；
$（“#性别文本”）。文本（x）；
});
这里有两个错误：

One您可以通过这种方式选择like
$（'forminput[type=radio]：checked'）
，但在给定的DOM结构中没有
表单
元素。因此，您的选择应该
$（'input[type=radio]：checked'）

另一个要点是无线电元素上不会绑定任何事件
keyup
您应该在此处编写
单击
或
更改
事件，如下所示：

$(document).on('change', function() {
  var x = $('input[type="radio"]:checked').val();
  $("#gender-text").text(x);
});

您还键入了
$（“#性别文本”）.text（$（this.val（x））
对
$（this）.val（x）
这一部分也有同样的意义。它应该
$（“#性别文本”）.text（x）



男性
女性
性别：
$（文档）.on（'change'，function（）{
var x=$（'input[type=“radio”]：checked'）.val（）；
$（“#性别文本”）。文本（x）；
});
通过
更改
事件，您更改了OP问题的功能。真的吗？！怎么样？不，我只是改变了操作方法，并使用了正确的方法实现了OP功能。感谢您的反馈。通过
change
事件，您更改了OP问题的功能。真的吗？！怎么样？不，我只是改变了方法，我用正确的方法实现了OP功能。感谢您的反馈。