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 相关文章推荐
一个原生的用户等级的进度条
Jul 03 Javascript
JavaScript中数据结构与算法(一):栈
Jun 19 Javascript
jQuery判断浏览器并动态调整select宽度的方法
Mar 02 Javascript
BootStrap 智能表单实战系列(二)BootStrap支持的类型简介
Jun 13 Javascript
教你如何在Node.js中使用jQuery
Aug 28 Javascript
vue elementUI tree树形控件获取父节点ID的实例
Sep 12 Javascript
微信小程序非swiper组件实现的自定义伪3D轮播图效果示例
Dec 11 Javascript
JS定义函数的几种常用方法小结
May 23 Javascript
vue + typescript + 极验登录验证的实现方法
Jun 27 Javascript
vue+eslint+vscode配置教程
Aug 09 Javascript
详解微信小程序入门从这里出发(登录注册、开发工具、文件及结构介绍)
Jul 21 Javascript
Vue 的 v-model用法实例
Nov 23 Vue.js
百度判断手机终端并自动跳转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之数组(遍历顺序)  Laruence原创
2012/06/13 PHP
php有道翻译api调用方法实例
2014/12/22 PHP
PHP微信H5支付开发实例
2018/07/25 PHP
浅谈PHP各环境下的伪静态配置
2019/03/13 PHP
Jquery 的outerHeight方法使用介绍
2013/09/11 Javascript
jquery实现兼容浏览器的图片上传本地预览功能
2013/10/14 Javascript
JS数字抽奖游戏实现方法
2015/05/04 Javascript
Javascript实现通过选择周数显示开始日和结束日的实现代码
2016/05/30 Javascript
JS不用正则验证输入的字符串是否为空(包含空格)的实现代码
2016/06/14 Javascript
jquery插入兄弟节点的操作方法
2016/12/07 Javascript
js多个物体运动功能实例分析
2016/12/20 Javascript
jquery表单插件form使用方法详解
2017/01/20 Javascript
JQuery 封装 Ajax 常用方法(推荐)
2017/05/21 jQuery
Ajax高级笔记 JavaScript高级程序设计笔记
2017/06/22 Javascript
详解vue-cli 本地开发mock数据使用方法
2018/05/29 Javascript
Vue2.0中三种常用传值方式(父传子、子传父、非父子组件传值)
2018/08/16 Javascript
python采用django框架实现支付宝即时到帐接口
2016/05/17 Python
利用Python自动监控网站并发送邮件告警的方法
2016/08/24 Python
Python设计模式之命令模式原理与用法实例分析
2019/01/11 Python
python用for循环求和的方法总结
2019/07/08 Python
Python virtualenv虚拟环境实现过程解析
2020/04/18 Python
文件上传服务器-jupyter 中python解压及压缩方式
2020/04/22 Python
浅谈Python中文件夹和python package包的区别
2020/06/01 Python
如何真正的了解python装饰器
2020/08/14 Python
python如何停止递归
2020/09/09 Python
全球知名旅游社区巴西站点:TripAdvisor巴西
2016/07/21 全球购物
美国百年历史早餐食品供应商:Wolferman’s
2017/01/18 全球购物
Aeropostale官网:美国著名校园品牌及青少年服饰品牌
2019/03/21 全球购物
Quiksilver美国官网:始于1969年的优质冲浪服和滑雪板外套
2020/04/20 全球购物
应征英语教师求职信
2013/11/27 职场文书
《阳光》教学反思
2014/02/23 职场文书
聚美优品陈欧广告词
2014/03/14 职场文书
汽车销售员工作总结
2015/08/12 职场文书
房产销售员2015年终工作总结
2015/10/22 职场文书
Python jiaba库的使用详解
2021/11/23 Python
动漫APP软件排行榜前十名,半次元上榜,第一款由腾讯公司推出
2022/03/18 杂记