分别用DOM方式和jQuery方式判断复选框是否被选中
2016-01-20 23:27
661 查看
判断一个复选框是否被选中,当选中该复选框时,提示用户可以继续操作;
<input id="cr" type="checkbox" /><label for="cr">我已经阅读了上面的制度。</label>
![](https://img-blog.csdn.net/20160120232402925)
1. DOM方式如下: window.onload = function () {
document.getElementById('cr').onclick = function () {
if (this.checked) {
alert('感谢你的支持,你可以继续操作!(DOM方式)');
}
};
};
2. jQuery方式如下:
$(function () {
$('#cr').click(function () {
if ($(this).is(':checked')) {
alert('感谢你的支持,你可以继续操作!(jQuery方式)');
}
});
});
<input id="cr" type="checkbox" /><label for="cr">我已经阅读了上面的制度。</label>
1. DOM方式如下: window.onload = function () {
document.getElementById('cr').onclick = function () {
if (this.checked) {
alert('感谢你的支持,你可以继续操作!(DOM方式)');
}
};
};
2. jQuery方式如下:
$(function () {
$('#cr').click(function () {
if ($(this).is(':checked')) {
alert('感谢你的支持,你可以继续操作!(jQuery方式)');
}
});
});
相关文章推荐
- jquery分页插件精选
- zepto和jquery的区别,zepto的不同使用8条小结
- 迷你版jQuery——zepto核心源码分析
- 在jQuery,如何判断页面元素是否存在?
- 开源JQuery框架 : Prime UI !
- jQuery核心
- jQuery Form 表单提交插件-----ajaxSubmit() 的应用
- 一个非常简单的jQuery分页插件
- jquery动态改变图片
- jQuery高性能自定义滚动条美化插件
- jquery.ajax error调试
- 新建WebService供JQuery调用及用js判断是否要调用服务器的submit
- jquery的$().each,$.each的区别
- php jquery 头像裁剪插件 croppic
- Jquery ajax 用户信息修改
- 写出高性能的JQuery
- JS,Jquery获取各种屏幕的宽度和高度
- jQuery获取事件元素
- Jquery中巧用Ajax的beforeSend方法
- jquery学习网站