<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <script type="text/javascript" src="../js/jquery-3.1.1.min.js"></script> <script type="text/javascript"> //jquery获得标签的对象 $(document).ready(function(){ //1.所要注意的是 只有是转化为jquery对象后 才能对jquery进行操作 //获取对象 var $cr=$("#cr");//jquery对象 //jquery对象转为dom对象 var _cr=$cr[0]; console.info(_cr); var _input=document.getElementById("cr");//获取dom对象 console.info(_input); //dom对象转为jquery对象 var $_input=$(_input); console.info($_input); $cr.click(function(){ if($cr.is(":checked")){ alert("感谢你的支持 ,你可以继续操作!") } }) }); </script> <body> <!-- lable标签的作用是当点击文集的时候鼠标焦点会移到输入的文本框中 --> <input type="checkbox" id="cr"/><label for="cr">我已经阅读了上面的条款</label> </body> </html>