javascript - 使用javascript模拟多次表单点击

Question

我的网站上有一个产品页面，其中包含产品选项，其中两个带有子选项。对于那些带有子选项的选项，他们使用 type="radio"

我创建了 javascript 按钮来模拟单击这些子选项。我想设置清除表单并模拟一个按钮上的所有点击。目前我有一个单独的清除按钮，但仍然不起作用。

图片示例:/image/X5NuX.jpg

下面的代码示例

子选项代码:

<li class="option">
    <label for="09f0c74f3d92847ecfcf5837eb6b2f8b">
        <input type="radio" class="validation" name="attribute[249]" value="127" id="09f0c74f3d92847ecfcf5837eb6b2f8b"/>
        <span class="name">65cc</span>
    </label>
</li>
<li class="option">
    <label for="06fc48a0a3949a17c28162ea0eb1f406">
        <input type="radio" class="validation" name="attribute[249]" value="128" id="06fc48a0a3949a17c28162ea0eb1f406"/>
        <span class="name">75cc</span>
    </label>
</li>

第一个按钮:

<input onclick="document.getElementById('06fc48a0a3949a17c28162ea0eb1f406').click(); document.getElementById('a596a2e871da26ba9b1cf7fffe325848').click();" type="button" value="0911" />

第二个按钮:

<input onclick="document.getElementById('09f0c74f3d92847ecfcf5837eb6b2f8b').click(); document.getElementById('a596a2e871da26ba9b1cf7fffe325848').click();" type="button" value="0916" />

清除选项:

<input onclick="Clear();" type="button" value="Clear" />
<script type="text/javascript">// <![CDATA[
function Clear()
{
clearRadioGroup("09f0c74f3d92847ecfcf5837eb6b2f8b");
clearRadioGroup("a596a2e871da26ba9b1cf7fffe325848");
}

function clearRadioGroup(GroupName)
{
var ele = document.getElementsById(GroupName);
for(var i=0;i<ele.length;i++)
ele[i].checked = false;
}
// ]]></script>

在上面的示例中，如果连续单击按钮，则单击第二个按钮将取消选择第二个元素。想过至少能够清除表格吗？

Answer 1

函数clearRadioGroup 中存在拼写错误。它应该是“var ele = document.getElementById(GroupName);”并不是“var ele = document.getElementsById(GroupName);”。然后清除功能就可以工作了。