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的toggle实现网页加载完成自动弹窗
Mar 18 Javascript
jquery操作HTML5 的data-*的用法实例分享
Aug 17 Javascript
Bootstrap轮播加上css3动画,炫酷到底!
Dec 22 Javascript
Js获取图片原始宽高的实现代码
May 17 Javascript
用js实现放大镜的效果的简单实例
May 23 Javascript
带有定位当前位置的百度地图前端web api实例代码
Jun 21 Javascript
jQuery轮播图效果精简版完整示例
Sep 04 Javascript
简单实现js无缝滚动效果
Feb 05 Javascript
详解基于Bootstrap+angular的一个豆瓣电影app
Jun 26 Javascript
knockoutjs模板实现树形结构列表
Jul 31 Javascript
javascript编程开发中取色器及封装$函数用法示例
Aug 09 Javascript
一文了解JavaScript用Element Traversal新属性遍历子元素
Nov 27 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
DC这些乐高系列动画电影你看过几部?
2020/04/09 欧美动漫
PHP的类 功能齐全的发送邮件类
2006/10/09 PHP
PHP实现使用DOM将XML数据存入数组的方法示例
2017/09/27 PHP
PHP中str_split()函数的用法讲解
2019/04/11 PHP
javascript parseInt 函数分析(转)
2009/03/21 Javascript
Javascript结合css实现网页换肤功能
2009/11/02 Javascript
js 加载并解析XML字符串的代码
2009/12/13 Javascript
javascript怎么禁用浏览器后退按钮
2014/03/27 Javascript
JavaScript中的Math.SQRT1_2属性使用简介
2015/06/14 Javascript
D3.js实现折线图的方法详解
2016/09/21 Javascript
js鼠标按键事件和键盘按键事件用法实例汇总
2016/10/03 Javascript
vue-router路由简单案例介绍
2017/02/21 Javascript
Vue.js基础指令实例讲解(各种数据绑定、表单渲染大总结)
2017/07/03 Javascript
jQuery Ajax实现Select多级关联动态绑定数据的实例代码
2018/10/26 jQuery
vue + el-form 实现的多层循环表单验证
2020/11/25 Vue.js
[55:26]DOTA2-DPC中国联赛 正赛 Aster vs LBZS BO3 第一场 2月23日
2021/03/11 DOTA
Django自定义分页与bootstrap分页结合
2021/02/22 Python
pandas中apply和transform方法的性能比较及区别介绍
2018/10/30 Python
python实现根据文件关键字进行切分为多个文件的示例
2018/12/10 Python
PyTorch的SoftMax交叉熵损失和梯度用法
2020/01/15 Python
Python实现不规则图形填充的思路
2020/02/02 Python
Django Admin设置应用程序及模型顺序方法详解
2020/04/01 Python
基于Python3读写INI配置文件过程解析
2020/07/23 Python
详解如何在登录过期后跳出Ifram框架
2020/09/10 HTML / CSS
党员个人思想汇报
2013/12/28 职场文书
迎元旦广播稿
2014/02/22 职场文书
彩色的翅膀教学反思
2014/04/25 职场文书
自主招生教师推荐信
2014/05/10 职场文书
2014年冬季防火方案
2014/05/21 职场文书
大学生社会实践活动总结
2014/07/03 职场文书
优秀党员个人总结
2015/02/14 职场文书
2015年采购部工作总结
2015/04/23 职场文书
青年岗位能手事迹材料(2016推荐版)
2016/03/01 职场文书
MySQL 全文索引使用指南
2021/05/25 MySQL
MySQL Innodb索引机制详细介绍
2021/11/23 MySQL
详解Alibaba Java诊断工具Arthas查看Dubbo动态代理类
2022/04/08 Java/Android