확인란이 선택되어 있는지 어떻게 확인합니까?
어떤 이유로, 내 양식은 확인란의 값을 얻고 싶지 않습니다 ... 그것이 내 코딩인지 아닌지 확실하지 않지만 시도하고 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
'programing' 카테고리의 다른 글
스크립트 실행 후 그놈 터미널 닫기를 피합니까? (0) | 2020.12.08 |
---|---|
최종 방법 조롱 (0) | 2020.12.08 |
Java를 사용하여 PDF 파일을 읽는 방법은 무엇입니까? (0) | 2020.12.08 |
UIPageViewController 내의 슬라이딩 페이지 위에 UIPageControl 요소를 배치하는 방법은 무엇입니까? (0) | 2020.12.07 |
Oracle 데이터베이스의 모든 시퀀스를 어떻게 얻을 수 있습니까? (0) | 2020.12.07 |