看看複選框是否被點擊直到被點擊

Question

我看到我可以如何製作一個Are Your Human複選框，但我遇到了問題（代碼結束）。我試圖讓它看到它是否被點擊直到被點擊。我試過onclick，但那不起作用。

window.onload = function() { 
 
    var input = document.getElementById('ruhuman'); 
 

 
    function check() { 
 
    if (input.checked) { 
 
     ruhuman.checked = true; 
 
     if (event.originalEvent === undefined) { 
 
     ruhuman.human = false; 
 
     } else { 
 
     ruhuman.human = true; 
 
     } 
 
    } 
 
    alert(ruhuman.human); 
 
    alert(ruhuman.checked); 
 
    } 
 
    input.onchange = check; 
 
    check(); 
 

 
}

<input type="checkbox" id="ruhuman" class="ruhuman" onclick="check()" required="required"> 
 
<label>R U Human?</label>

編輯：感謝您的幫助！成品在http://ruhuman.github.io/。

對於那些回答我的人可以把你的github的幫助！

Answer 1

​​是JQuery，而不是JavaScript。一個解決方法是測試screenX和screenY - 如果它是一個人類，這些會根據複選框的位置有一些值。此外，您還可以remove the onclick from your html和領帶點擊事件是這樣的：

document.getElementById ("ruhuman").addEventListener("click", function(e){ 
    if (this.checked) { 
     ruhuman.checked = true; 
     if (e.screenX && e.screenY) { 
     ruhuman.human = true; 
     } else { 
     ruhuman.human = false; 
     } 
    } 
    console.log(ruhuman.human); 
    console.log(ruhuman.checked); 
    }); 

JS Fiddle Demo

Answer 2

這工作：https://jsfiddle.net/rz4pmp5L/3/

var input = document.getElementById('ruhuman'); 
var ruhuman = 
{ 
    checked: false 
}; 

function check() 
{ 
    if (input.checked) 
    { 
    ruhuman.checked = true; 
    } 
    alert(ruhuman.checked); 
} 

input.onchange = check; 
check(); 

問題是（至少）是ruhuman沒有定義的。