javascript - 带复选框的点击

Question

我有一个调用 js 函数的复选框，如下所示:

<input type="checkbox" onclick="return validate('tos')" value="1" name="tos"/>

但我在 JS 检测时遇到问题，当它实际上未被选中时它似乎总是返回 true。

这就是我的脚本:

function validate(type){

    var x = document.getElementById("reg"); //get array of elements in form "reg"
    var input = x.elements[4].value; //[4] = checkbox

    if(input){
        alert('ticked');    
    } else {
        alert('not ticked');    
    }
}

但它总是返回勾选，即使用户在它已经勾选时单击它(我认为这意味着它不再是 1 的值)...有没有办法在 JS 中修复它？

Answer 1

复选框的 value 始终为 1，与其 checked 状态无关。

使用 .checked 属性获取复选框的选中状态。