现在的位置: 首页 > 综合 > 正文

点击文字既可以选中checkbox

2018年05月06日 ⁄ 综合 ⁄ 共 885字 ⁄ 字号 评论关闭

<label for="cr">我已经阅读了上面制度.

</label><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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.2-vsdoc2.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>

<script type="text/javascript">
//等待dom元素加载完毕.
$(document).ready(function(){
 var $cr = $("#cr");  //jQuery对象
 $cr.click(function(){
  if($cr.is(":checked")){ //jQuery方式判断
   alert("感谢你的支持!你可以继续操作!");
  }
 })
});
</script></body>
</html>

抱歉!评论已关闭.