Javascript/JQuery-默认2个共享相同ID的无线电输入

我花了太多的时间试图自己解决这个问题（一个小时又一个小时！），我正在慢慢地解决这个问题，但在这个阶段，我真的需要一些帮助

现在，我认为问题是单选按钮只有一个ID，所以我不能同时触发两者

目标：

我需要默认一个特定的无线电输入，它存在于同一页面上的两个表单中。单选按钮在每个表单中具有相同的ID。我无法更改这些表单直接使用的代码。我只能用javascript或jquery操作它

每个表单都封装在自己的唯一div中，因此我尝试在每个唯一div中搜索并找到单选输入，并触发单击，希望两个表单都被单击，但只单击了一个单选按钮

请参阅下面我的JSFIDLE代码

//Form 1
<div id="tmp_order2step-70097"><input type="radio" id="pid-909272" 
name="purchase[product_id]" value="909272"></div>

//Form 2
<div id="tmp_order2step-70097-154"><input type="radio" id="pid-909272" 
name="purchase[product_id]" value="909272"></div>

//Trying to click Form 1's radio button
$(function () {
$(document.getElementById('tmp_order2step-70097')).find("#pid-
909272").trigger("click");
});

//Trying to click Form 2's radio button
$(function () {
$(document.getElementById('tmp_order2step-70097-154')).find("#pid-
909272").trigger("click");
});

Result - Only one radio button/input clicked. 

//表格1
//表格二
//尝试单击表单1的单选按钮
$（函数（）{
$（document.getElementById（'tmp_order2step-70097'））.find（'pid-
909272”）。触发（“点击”）；
});
//尝试单击表单2的单选按钮
$（函数（）{
$（document.getElementById（'tmp_order2step-70097-154'））.find（'pid-
909272”）。触发（“点击”）；
});
结果-仅单击了一个单选按钮/输入。

感谢您在这方面提供的任何帮助/建议

---

更新：谢谢你的建议。我无法在不破坏代码的情况下更改单选名称，因此我重新开始并使用了一种工作正常的表单。

那么您想为这些单选按钮设置事件侦听器吗？另外，为什么jQuery选择器中有

document.getElementById（）

？这没有道理。。。。为什么不直接使用

#

单选按钮，因为它们是独占的。如果您希望能够“选择”两者，则它们不能是同一个单选按钮组。单选按钮按

名称

分组。ie具有相同

名称的所有单选按钮都在同一组中，您只能选择其中一个。这就是为什么它们是单选按钮。如果您想同时选择两者，请更改其中一个的名称或将其更改为复选框。也许更改属性是您的最佳选择。示例
$（'tmp_order2step-70097'）.find（'pid-909272'）.attr（'id'，'tmp_order2step-70097'）
您还可以使用相同的方法更改名称。