javascript - Làm thế nào tôi có thể kiểm tra xem một hộp kiểm có được chọn hay không?

Tôi đang xây dựng một ứng dụng web di động với jQuery Mobile và tôi muốn kiểm tra xem một hộp kiểm có được chọn hay không. Đây là mã của tôi.

<script type=text/javascript>
  function validate(){
    if (remember.checked == 1){
      alert("checked") ;
    } else {
      alert("You didn't check it! Let me check it for you.")
    }
  }
</script>

<input id="remember" name="remember" type="checkbox" onclick="validate()" />

Nhưng vì lý do này hay lý do khác, nó không thực thi nó.

Làm ơn giúp đỡ!

----EDIT------ Đây là những gì tôi có vào lúc này.

<DIV data-role="content" data-theme="g">
    <DIV class=ui-grid-g-login>
        <FORM method=post action=[$=PROBE(266)/] data-theme="C">
            <P>~DATA_ERROR~</P>
            <div id="mail" data-role="fieldcontain">
                <label for="mail">Email:*</label>       
                <input id="mail" name="mail" type="email" />
            </div>
            <div id="pass" data-role="fieldcontain">
                <label for="pass">Paswoord:*</label>        
                <input id="pass" name="pass" type="password" />
            </div>
            <div id="remember" data-role="fieldcontain">
                <label for="remember">Onthoud mij</label>       
                <input id="remember" name="remember" type="checkbox" onclick="validate()" />
            </div>
            <P><INPUT class=btn name=submit value=Login type=submit  onclick="validate()"></P>  
        </FORM>
    </DIV>
</DIV><!-- /content -->

<script type=text/javascript>
function validate(){
    var remember = document.getElementById('remember');
    if (remember.checked){
        alert("checked") ;
    }else{
        alert("You didn't check it! Let me check it for you.")
    }
}
</script>

----BIÊN TẬP--

Đã giải quyết, vấn đề là trường fieldcontain cũng được đặt tên là 'remember'

Câu trả lời #1

checked là một thuộc tính boolean, vì vậy bạn có thể sử dụng trực tiếp nó trong một điều kiện if

<script type="text/javascript">
    function validate() {
        if (document.getElementById('remember').checked) {
            alert("checked");
        } else {
            alert("You didn't check it! Let me check it for you.");
        }
    }
</script>

Câu trả lời #2

Thử cái này:

function validate() {
  var remember = document.getElementById("remember");
  if (remember.checked) {
    alert("checked");
  } else {
    alert("You didn't check it! Let me check it for you.");
  }
}

Kịch bản của bạn không biết biến remember là gì. Bạn cần lấy phần tử trước bằng cách sử dụng getElementById().

Câu trả lời #3

//HTML
<input type="checkbox" id="someID">

// JavaScript
const someCheckbox = document.getElementById('someID');

someCheckbox.addEventListener('change', e => {
  if(e.target.checked === true) {
    console.log("Checkbox is checked - boolean value: ", e.target.checked)
  }
if(e.target.checked === false) {
    console.log("Checkbox is not checked - boolean value: ", e.target.checked)
  }
});

tìm hiểu thêm

Câu trả lời #4

sử dụng như thế này

<script type=text/javascript>
    function validate(){
        if (document.getElementById('remember').checked){
            alert("checked") ;
        } else {
            alert("You didn't check it! Let me check it for you.")
        }
    }
</script>

<input id="remember" name="remember" type="checkbox" onclick="validate()" />