自动选择单选按钮,然后在页面加载时提交按钮 - Javascript

时间:2014-03-26 18:38:16

标签: javascript

我尝试选择带有ID的单选按钮(假设ID为" radio")然后自动点击带有id的表单内部提交类型的按钮" multifee"。我想在页面加载时自动发生这两件事。有关如何使用javascript执行此操作的任何建议吗?

<form method="post" action="#" id="multifees" onsubmit="feeForm.submit(this); return false;">
<input type="radio" name="fee[1][options][]" id="radio" value="1" class="validate-one-required-by-name">
<button type="submit" class="button">Add</button>
</form>

到目前为止,我没有启动JavaScript,因为我甚至不知道从哪里开始。

5 个答案:

答案 0 :(得分:1)

$('#radio').check();
$('#submit').click();

编辑:使用javascript

 document.getElementById('radio').checked=true;
 document.getElementById("multifees").submit();

答案 1 :(得分:1)

声明单选按钮时,您可以添加属性checked,以便即使页面加载也会自动选择。

<input type="radio" name="fee[1][options][]" id="radio" value="1" class="validate-one-required-by-name" checked>

如果您想自动提交,只需为您点击Javascript即可。

<script type="text/javascript">
    document.getElementById('sumbit').click();
</script>

如果您希望脚本工作,您必须将脚本放在<body>之后,以便元素可以加载到页面上,否则它不知道要查找的按钮,因为它可能尚未加载。确保您的提交按钮也是ID。

答案 2 :(得分:0)

在纯Javascript中,请在window.onload处理程序中尝试:

document.getElementById('radio').check();
document.getElementById('submit').click();

答案 3 :(得分:0)

根据您的要求,您实际上只需要几件事。 一个预选的广播列表:

<form name="thisForm" id="thisForm" method="post" action="[your destination]">
    <input type="radio" name="choice1" value="choice1" checked /> choice<br />
    <input type="radio" name="choice1" value="choice2"/> choice2<br />
    <input type="radio" name="choice1" value="choice3"/> choice3<br />
    </form>

提交表单的Javascript函数:

<script type="text/JavaScript" language="JavaScript">
        function submitForm() {
            document.getElementById("thisForm").submit();
        }
       // submitForm();
    </script>

我有意识地注释掉了这个函数,或者你会把页面扔到一个无限循环中。

答案 4 :(得分:0)

您可以像这样检查单选按钮(#radio):

document.getElementByID("radio").checked = true;

或者实际上在使用checked属性的html中:

<input type="radio" checked>

自动提交:

document.getElementsByClassName("button").click();

或者:

    document.getElementByID("multifees").submit();