checkbox勾选判断代码分析


Posted in Javascript onJune 11, 2014
var xieYi=document.getElementById("xieYi");
if(!xieYi.checked){
    alert("请先阅读并勾选注册协议!");
    return;     
}

最开始这样写,不过并不是所有的情况都需要勾选这个协议,协议有时不会在前台页面显示,所以改了第二种

var xieYi=document.getElementById("xieYi");
    if(!xieYi== null && !xieYi.checked){
        alert("请先阅读并勾选注册协议!");
        return;        
    }

当xieYi不存在的时候,xieYi为null,判断xieYi不为null的时候并且xieYi没有勾选的时候就alert。

可惜,这段代码没有发挥预想中的作用。

最后发现是判断xieYi写错了。

最终版:

var xieYi=document.getElementById("xieYi");
    if(xieYi!= null && !xieYi.checked){
        alert("请先阅读并勾选注册协议!");
        return;        
    }
Javascript 相关文章推荐
JQuery中的$.getJSON 使用说明
Mar 10 Javascript
javascript实现checkBox的全选,反选与赋值
Mar 12 Javascript
js实现网页收藏功能
Dec 17 Javascript
浅析AngularJS中的指令
Mar 20 Javascript
详解Python中logging日志模块在多进程环境下的使用
Dec 26 Javascript
Bootstrap表单控件使用方法详解
Jan 11 Javascript
VUE中v-model和v-for指令详解
Jun 23 Javascript
详解Angular5 服务端渲染实战
Jan 04 Javascript
mpvue小程序仿qq左滑置顶删除组件
Aug 03 Javascript
利用jqgrid实现上移下移单元格功能
Nov 07 Javascript
微信小程序自定义toast的实现代码
Nov 16 Javascript
vue移动端的左右滑动事件详解
Jun 17 Javascript
百度判断手机终端并自动跳转js代码及使用实例
Jun 11 #Javascript
js获取日期:昨天今天和明天、后天
Jun 11 #Javascript
js使用栈来实现10进制转8进制与取除数及余数
Jun 11 #Javascript
删除javascript中注释语句的正则表达式
Jun 11 #Javascript
Jquery自定义button按钮的几种方法
Jun 11 #Javascript
教你用jquery实现iframe自适应高度
Jun 11 #Javascript
浅析jQuery中调用ajax方法时在不同浏览器中遇到的问题
Jun 11 #Javascript
You might like
PHP 5.3新特性命名空间规则解析及高级功能
2010/03/11 PHP
php URL跳转代码 减少外链
2011/06/25 PHP
PHP加密扩展库Mcrypt安装和实例
2013/11/10 PHP
PHP实现微信公众平台音乐点播
2014/03/20 PHP
PHPStrom 新建FTP项目以及在线操作教程
2016/10/16 PHP
php实现 master-worker 守护多进程模式的实例代码
2019/07/20 PHP
PHP getID3类的使用方法学习笔记【附getID3源码下载】
2019/10/18 PHP
PHP优化之批量操作MySQL实例分析
2020/04/23 PHP
js中的replace方法使用介绍
2013/10/28 Javascript
JS判断浏览器是否支持某一个CSS3属性的方法
2014/10/17 Javascript
javascript实现继承的简单实例
2015/07/26 Javascript
javascript实现类似于新浪微博搜索框弹出效果的方法
2015/07/27 Javascript
js基于面向对象实现网页TAB选项卡菜单效果代码
2015/09/09 Javascript
BootStrap日期控件在模态框中选择时间下拉菜单无效的原因及解决办法(火狐下不能点击)
2016/08/18 Javascript
H5图片压缩与上传实例
2017/04/21 Javascript
详解Angular 4.x Injector
2017/05/04 Javascript
关于Promise 异步编程的实例讲解
2017/09/01 Javascript
axios异步提交表单数据的几种方法
2019/08/11 Javascript
WebStorm无法正确识别Vue3组合式API的解决方案
2021/02/18 Vue.js
[51:07]VGJ.S vs Pain 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
[47:03]完美世界DOTA2联赛PWL S3 access vs LBZS 第一场 12.20
2020/12/23 DOTA
Django的URLconf中使用缺省视图参数的方法
2015/07/18 Python
python2.7 mayavi 安装图文教程(推荐)
2017/06/22 Python
对pandas的dataframe绘图并保存的实现方法
2017/08/05 Python
Python在OpenCV里实现极坐标变换功能
2019/09/02 Python
python单向循环链表原理与实现方法示例
2019/12/03 Python
Django 自定义权限管理系统详解(通过中间件认证)
2020/03/11 Python
Python+Kepler.gl轻松制作酷炫路径动画的实现示例
2020/06/02 Python
基于html5绘制圆形多角图案
2016/04/21 HTML / CSS
Html5获取高德地图定位天气的方法
2019/12/26 HTML / CSS
一套带答案的C++笔试题
2014/01/10 面试题
文艺演出策划方案
2014/06/07 职场文书
放假通知格式
2015/04/14 职场文书
解决Pytorch半精度浮点型网络训练的问题
2021/05/24 Python
SQL Server表分区删除详情
2021/10/16 SQL Server
解决WINDOWS电脑开机后桌面没有任何图标
2022/04/09 数码科技