在网页中，我们经常看到需要用户勾取的协议，那么这些协议用jQuery如何制作呢？
首先，我们需要写一个复选框，代码如下：<input type="checkbox" id="cr" /><font size="4" color="#FF0000">我同意上面的协议</font>。
为了美观，我将字体设置为红色，然后我们再给复选框添加事件，代码：$("#cr").click(function(){
alert("感谢你的参与,您可以继续操作");
});
这样一个很简单的复选框及判断是否被勾取的功能就实现了。
完整代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery中判断复选框是否被选中</title>
<script src="jquery-3.0.0.js"></script>
<script type="text/javascript">
$(document).ready(function(e) {
$("#cr").click(function(){
alert("感谢你的参与,您可以继续操作");
});
});
</script>
</head>
<body>
<input type="checkbox" id="cr" />
<font size="4" color="#FF0000">我同意上面的协议</font>
</body>
</html>
未被选中时：
选中时：
