Javascript 选择两个具有相同名称、id和值的单选按钮

在我的页面上，我有两个单选按钮表示是，两个单选按钮表示否。 如果我在一个地方选择“是”，它会选择“第二个是”按钮，如果我选择“否”，第二个“否”也会选择

以下是我的代码：

<fieldset>
   <input checked="checked" id="search_by_range_no" name="search_by_range" type="radio" value="no">
   <input class="input-long" id="size10" name="size10" type="text" value="27">
   <br>
   <input id="search_by_range_yes" name="search_by_range" type="radio" value="yes">
   <input class="input-long" id="size1" name="size1" type="text" value="15 - 150">
   <br>
   <input checked="checked" id="search_by_range_no" name="search_by_range" type="radio" value="no">
   <input class="input-long" id="size20" name="size20" type="text" value="65">
   <br>
   <input id="search_by_range_yes" name="search_by_range" type="radio" value="yes">
   <input class="input-long" id="size2" name="size2" type="text" value="25 - 250">
   <br>
</fieldset>

---

如何同时选择两个收音机？

在同一个收音机组中不能选中多个按钮。你需要给这两组不同的名字。我使用了

search\u by\u range\u A

和

search\u by\u range\u B

。ID也必须是unix

要使其自动选中其他按钮，请使用获取值的

.change（）

处理程序，然后选择具有相同值的其他复选框并选中它

$（“：radio”）.change（函数（）{
var值=$（this.val（）；
$（“：radio[value=“+value+”]”）prop（“选中”，true）；
});









再次…网页上每个元素的ID都应该是唯一的

改用类

然而，实现这一目标仍然是可能的。代码中唯一需要更改的是单选按钮的
名称
，因为所有具有相同名称的单选按钮都假定为一个组，默认情况下，web浏览器只允许选择其中一个，而您无法控制这一点

因此，更改名称以将单选按钮重新组合为两个不同的组

然后你可以这样做：

$("[id^='search_by_range']").change(function(){
    $("[id='"+$(this).attr("id")+"']").prop("checked", "checked");
});

您可以使用javascript来解决此问题
在这里我可以给你提示你能做什么

$('#search_by_range_yes').attr('checked','checked');
$('#search_by_range_yes').addAttr('checked');

这将有助于：）

谢谢
在同一组单选按钮中，您不能选中多个。为此，我使用了两个不同的组

查找以下代码：

<fieldset>
   <input checked="checked" id="search_by_range_no" name="search_by_range" type="radio" value="no">
   <input class="input-long" id="size10" name="size10" type="text" value="27">
   <br>
   <input id="search_by_range_yes" name="search_by_range" type="radio" value="yes">
   <input class="input-long" id="size1" name="size1" type="text" value="15 - 150">
   <br>
   <input checked="checked" id="search_by_range_no" name="search_by_range_second" type="radio" value="no">
   <input class="input-long" id="size20" name="size20" type="text" value="65">
   <br>
   <input id="search_by_range_yes" name="search_by_range_second" type="radio" value="yes">
   <input class="input-long" id="size2" name="size2" type="text" value="25 - 250">
   <br>
</fieldset>

您可以在这里找到工作演示：
1。我理解您的问题，因为所有单选按钮都有相同的名称

2.同名单选按钮有一个组，仅在该组中选择

3.您可以将单选按钮按1分组。二号搜索。按范围搜索。我通过以下代码更新了您的代码

<fieldset>
   <input checked="checked" id="search_by_range_no" name="search_by_no" type="radio" value="no">
   <input class="input-long" id="size10" name="size10" type="text" value="27">
   <br>
   <input id="search_by_range_yes" name="search_by_range" type="radio" value="yes">
   <input class="input-long" id="size1" name="size1" type="text" value="15 - 150">
   <br>
   <input checked="checked" id="search_by_range_no" name="search_by_no" type="radio" value="no">
   <input class="input-long" id="size20" name="size20" type="text" value="65">
   <br>
   <input id="search_by_range_yes" name="search_by_range" type="radio" value="yes">
   <input class="input-long" id="size2" name="size2" type="text" value="25 - 250">
   <br>
</fieldset>










id
必须是唯一的，总是有任何理由保持相同的id，在页面上应该是唯一的对多个元素保持相同的
id
是个坏主意。相反，使用
class
并使用复选框检查网页上每个元素的itID都应该是唯一的！这是正确的
<fieldset>
   <input checked="checked" id="search_by_range_no" name="search_by_no" type="radio" value="no">
   <input class="input-long" id="size10" name="size10" type="text" value="27">
   <br>
   <input id="search_by_range_yes" name="search_by_range" type="radio" value="yes">
   <input class="input-long" id="size1" name="size1" type="text" value="15 - 150">
   <br>
   <input checked="checked" id="search_by_range_no" name="search_by_no" type="radio" value="no">
   <input class="input-long" id="size20" name="size20" type="text" value="65">
   <br>
   <input id="search_by_range_yes" name="search_by_range" type="radio" value="yes">
   <input class="input-long" id="size2" name="size2" type="text" value="25 - 250">
   <br>
</fieldset>