使用javascript模拟多个表单点击

时间:2016-01-20 07:38:10

标签: javascript

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

我创建了javascript按钮,模仿点击这些子选项。我想设置清除表单并在一个按钮上模拟所有点击。目前我有一个单独的清除按钮,但仍然无法正常工作。

图片示例:http://i.imgur.com/uAlLBAK.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>

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

1 个答案:

答案 0 :(得分:0)

函数clearRadioGroup中存在拼写错误。它应该是 “var ele = document.getElementById(GroupName);”并不是 “var ele = document.getElementsById(GroupName);”。 Clear功能将起作用。

相关问题