JavaScript/jQueryに問題があります。ダイアログが表示された後、checboxがチェックされている場合、変数の値を変更しようとしていますが、値をチェックすると機能しません。代わりに何ができますか、またはこのコードは間違っていますか?
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>JS/jQuery</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="myjs.js"></script>
</head>
<body>
<div class="back"></div>
<div class="start">
<label for="chex">Is this checkbox checked?</label>
<input type="checkbox" id="checkexist" name="chex" />
<button id="run">Run form</button>
</div>
<div class="window"></div>
</body>
</html>
JavaScript:
$(document).ready(function() {
var start = false;
var check = false;
if (start == false) {
$("#checkexist").click(function(){
if (this.checked) {
check = true;
}
});
$("#run").click(function(){
start = true;
$(".start").fadeOut('slow', function(){
$(".start").css("display", "none");
});
$(".back").fadeOut('slow', function(){
$(".back").css({'display' : 'none', 'opacity' : '0', 'filter' : 'alpha(opacity=0)'});
});
});
} else {
if (check == true) {
$(".window").click(function(){
$(".window").hide('fast');
});
} else {
//do something
}
}
});