我花了很多时间试图弄清楚自己(小时和小时!)而我正在慢慢搞清楚,但在这个阶段我真的可以帮忙。
现在,我认为问题是单选按钮只有一个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.
感谢您对此提供任何帮助/建议!
更新:感谢您的建议。我不能在不破坏代码的情况下更改广播名称,所以我已经重新开始并使用了一个当然可以正常工作的表单。