DOM方式
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>1-6-2</title>
<!-- 引入 jQuery -->
<script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
<script type="text/javascript">
//等待dom元素加載完畢.
$(document).ready(function(){
var $cr = $("#cr"); //jQuery對象
var cr = $cr.get(0); //DOM對象，獲取 $cr[0]
$cr.click(function(){
if(cr.checked){ //DOM方式判斷
alert("感謝你的支持!你可以繼續操作!");
}
})
});
</script>
</head>
<body>
<input type="checkbox" id="cr"/> <label for="cr">我已經閱讀了上面制度.</label>
</body>
</html>
jQuery方式
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>1-6-1</title>
<!-- 引入 jQuery -->
<script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
<script type="text/javascript">
//等待dom元素加載完畢.
$(document).ready(function(){
var $cr = $("#cr"); //jQuery對象
$cr.click(function(){
if($cr.is(":checked")){ //jQuery方式判斷
alert("感謝你的支持!你可以繼續操作！");
}
})
});
</script>
</head>
<body>
<input type="checkbox" id="cr"/><label for="cr">我已經閱讀了上面制度.</label>
</body>
</html>