<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <script src="./lib/jquery-3.2.1.min.js"></script> </head> <body> <form action=""> <label for="cr"><input type="checkbox" id="cr">我已经阅读上面制度</label> </form> <script> $(document).ready(function(){ //等待dom元素加载完 var $cr = $("#cr"); //获取JQuery对象 var cr = $cr[0]; //DOM对象 或者 $cr.get(0) $cr.click(function(){ 第一种方法: if(cr.checked){ alert("感谢你的支持!你可以继续操作!"); } 第二种方法 if($cr.is(":checked")){ alert("感谢你的支持!你可以继续操作!"); } 第三种方法: if($cr.prop("checked")){ alert("感谢你的支持!你可以继续操作!"); } }) }) </script> </body> </html>
XHTMT|
HTML5|
CSS|
HTML DOM|
jQuery|
JSON|
AJAX|
LESS|
HTML|
Bootstrap|
Foundation|
AngularJS|
Ember.js|
TypeScript|
AngularJS2|
React|
jQuery UI|
jQuery EasyUI|
Node.js|
Highcharts|
Echarts|
Vue.js|
CoffeeScript|
Ext.js|
Meteor|
SASS|
Omi|
Markdown|
前端开发规范|
浏览器|
webpack|
JavaScript|
CSS3|
用户登录
还没有账号?立即注册
用户注册
投稿取消
文章分类: |
|
还能输入300字
上传中....