我尝试选择带有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,因为我甚至不知道从哪里开始。
答案 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();