programing

확인란이 선택되어 있는지 어떻게 확인합니까?

nasanasas 2020. 12. 8. 08:16
반응형

확인란이 선택되어 있는지 어떻게 확인합니까?


어떤 이유로, 내 양식은 확인란의 값을 얻고 싶지 않습니다 ... 그것이 내 코딩인지 아닌지 확실하지 않지만 시도하고 alert()값을 얻으면 undefined결과가 나타납니다. 내가 뭘 잘못 했니?

<head>
  <script>
    var lfckv = document.getElementById("lifecheck").checked
    function exefunction(){
      alert(lfckv);
    }
  </script>
</head>
<body>
  <label><input id="lifecheck" type="checkbox" >Lives</label>
</body>

편집하다

나는 이것을 이것을 변경해 보았다

function exefunction() {
    alert(document.getElementById("lifecheck").checked);
}

하지만 이제는 execute. 무슨 일이야?


배치 var lfckv함수 내. 해당 줄이 실행되면 본문이 아직 구문 분석 "lifecheck"되지 않고 요소 가 존재하지 않습니다. 이것은 완벽하게 잘 작동합니다.

function exefunction() {
  var lfckv = document.getElementById("lifecheck").checked;
  alert(lfckv);
}
<label><input id="lifecheck" type="checkbox" >Lives</label>
<button onclick="exefunction()">Check value</button>


로드하기 전에 확인란의 값을 읽으려고합니다. 확인란이 존재하기 전에 스크립트가 실행됩니다. 페이지가로드 될 때 스크립트를 호출해야합니다.

<body onload="dosomething()">

예:

http://jsfiddle.net/jtbowden/6dx6A/

첫 번째 할당 이후에도 세미콜론이 누락되었습니다.


이 코드를 사용할 수 있습니다 . true또는 반환 할 수 있습니다 false.

$(document).ready(function(){
  
  //add selector of your checkbox

  var status=$('#IdSelector')[0].checked;
  
  console.log(status);

});


lfckv를 정의하는 줄은 브라우저가 찾을 때마다 실행됩니다. 문서의 헤드에 넣으면 브라우저는 생명 체크 요소가 생성되기 전에 생명 체크 ID를 찾으려고합니다. 코드가 작동하려면 lifecheck 입력 아래에 스크립트를 추가해야합니다.


jQuery를 배우 십시오. 자바 스크립트로 시작하기에 좋은 곳이며 코드를 정말 단순화하고 js와 html을 분리하는 데 도움이됩니다. Google CDN (https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js)의 js 파일을 포함합니다.

그런 다음 스크립트 태그 (여전히)에서 다음을 <head>사용하십시오.

$(function() {//code inside this function will run when the document is ready
    alert($('#lifecheck').is(':checked'));

    $('#lifecheck').change(function() {//do something when the user clicks the box
        alert(this.checked);
    });
});

<!doctype html>
<html lang="en">
<head>
</head>
<body>
<label><input class="lifecheck" id="lifecheck" type="checkbox" checked >Lives</label>

<script type="application/javascript" >
    lfckv = document.getElementsByClassName("lifecheck");
    if (true === lfckv[0].checked) {
      alert('the checkbox is checked');
    }
</script>
</body>
</html>

그래서 자바 스크립트에 이벤트를 추가하면 체크 박스에 동적 이벤트가 영향을 미칠 수 있습니다.

감사


var elementCheckBox = document.getElementById("IdOfCheckBox");


elementCheckBox[0].checked //return true if checked and false if not checked

감사


Following will return true when checkbox is checked and false when not.

$(this).is(":checked")

Replace $(this) with the variable you want to check.

And used in a condition:

if ($(this).is(":checked")) {
  // do something
}

<!DOCTYPE html>
<html>
<body>
    <input type="checkbox" id="isSelected"/>
    <div id="myDiv" style="display:none">Is Checked</div>
</body>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script>
        $('#isSelected').click(function() {
            $("#myDiv").toggle(this.checked);
        });
    </script>
</html>

참고URL : https://stackoverflow.com/questions/4754699/how-do-i-determine-if-a-checkbox-is-checked

반응형