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

时间:2017-06-10 20:17:54

标签: javascript jquery html forms radio-button

我花了很多时间试图弄清楚自己(小时和小时!)而我正在慢慢搞清楚,但在这个阶段我真的可以帮忙。

现在,我认为问题是单选按钮只有一个ID,所以我不能同时触发它们。

目标:

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

每个表单都包含在它自己独特的div中,因此我尝试搜索并找到每个唯一div中的无线电输入并触发单击,希望两者都被单击,但只点击一个单选按钮。

请参阅下面的JSFiddle代码

//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. 

http://jsfiddle.net/0j5tyhq8/

感谢您对此提供任何帮助/建议!

更新:感谢您的建议。我不能在不破坏代码的情况下更改广播名称,所以我已经重新开始并使用了一个当然可以正常工作的表单。

0 个答案:

没有答案