选中两个复选框时启用输入提交按钮

时间:2013-06-26 20:25:12

标签: javascript html forms checkbox submit

我有一个表单,在表单的末尾有两个必须选中的复选框才能启用表单的提交按钮。

我想javascript会帮助我,但我并不熟练。

部分代码如下所示。

<input type="checkbox" name="confirm1" value="confirm1" >
<input type="checkbox" name="confirm2" value="confirm2" >

<input type="reset" name="reset" value="Rensa" >
<input type="submit" name="submit" value="Skicka" disabled="disabled" >

任何想知道javascript会是什么样子的人?

提前谢谢!

1 个答案:

答案 0 :(得分:2)

解决方案看起来应该是这样的。只需检查它的语法是否正确:

<script>
function check(element) {
var cb1 = document.getElementById("checkbox1");
var cb2 = document.getElementById("checkbox2");
var sub = document.getElementById("submit");
if (cb1.checked == true  &&  cb2.checked == true)
    sub.disabled = false;
else
    sub.disabled = true;
}
</script>

<input id="checkbox1" type="checkbox" name="confirm1" value="confirm1" onclick="check();">
<input id="checkbox2" type="checkbox" name="confirm2" value="confirm2" onclick="check();">

<input type="reset" name="reset" value="Rensa" >
<input id="submit" type="submit" name="submit" value="Skicka" disabled="disabled" >