使用 javascript 模拟多个表单点击

Simulate multiple form clicks with javascript

本文关键字：表单 javascript 模拟 使用      更新时间：2023-09-26

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

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

图片示例：https://i.stack.imgur.com/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>

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

函数 clearRadioGroup 中有一个拼写错误。 它应该是"var ele = document.getElementById（GroupName）;" and not"var ele = document.getElementsById（GroupName）;".清除功能将随后工作。

相关文章：