Question

当我选择其中一个单选按钮时，我正在使用jQuery代码检查和取消选中收音机。

HTML：

<input id="linkdialog-buttons" type="radio" style="user-select: none;">Web address
<input id="linkdialog-buttons" type="radio" style="user-select: none;">Email address

当我尝试这样做时：

$(document).on('change','#linkdialog-buttons', function(e) {
  var value = $(this).val();
  $(":radio[value=" + value + "]").prop("checked", true);
});

这是完整的代码：

<input id="linkdialog-buttons" type="radio" style="user-select: none;">Web address
<input id="linkdialog-buttons" type="radio" style="user-select: none;">Email address


<div id="linkdialog-onweb-tab" style=""><div><b>To what URL should this link go?</b></div>
<div id="linkdialog-email-tab" style="display: none;"><div><b>To what email address should this link?</b></div>


$(document).on('change','#linkdialog-buttons', function(e) {
  var value = $(this).val();
  $(":radio[value=" + value + "]").prop("checked", true);
});

使用相同元素ID的单选按钮的选中和未选中状态不会更改，因为当我在另一个单选按钮上进行选择时，这两个元素都将被选中。

我期望实现的是，当我在单选按钮上选中而不选中时，我想取消选中另一个单选按钮并将单选按钮设置为选中状态，然后使用ID linkdialog-onweb-tab显示元素或linkdialog-email-tab取决于我选择的单选按钮。

例如：当我在单选按钮上选择Web address时，我想取消选中单选按钮Email address并设置单选按钮Web address为选中状态，然后显示ID linkdialog-onweb-tab的元素。如果未选中单选按钮Email address，那么我想选中单选按钮Email address，然后取消选中单选按钮Web address，然后显示ID为linkdialog-email-tab的元素。

能否请您举一个示例，说明如何取消选中并使用相同的ID选中单选按钮，以及如何使用ID linkdialog-onweb-tab或linkdialog-email-tab显示元素，具体取决于哪个单选按钮我选择开启？

如何取消选中并使用相同的ID来检查电台？

0 个答案: