JavaScript JavaScript对checkbox的校验
来源:互联网 发布:淘宝福利搜索关键词 编辑:程序博客网 时间:2024/06/18 14:36
下面展示下利用 JavaScript 对 checkbox 中某一项是否被选中进行校验, 若没有校验 ,给予提示信息。
实现的效果:
checkbox部分的校验代码:
页面代码 checkbox部分:
<div class="row-modal" style="text-align:center;"><div class="control-group-modal" style="margin:0 auto;"><label class="control-label" for="noticeToEndList">终端:</label><div class="controls"><form:checkbox path="noticeToEndList" value="1" />移动端<form:checkbox path="noticeToEndList" value="2" />PC端<form:checkbox path="noticeToEndList" value="3" />设备端<font class="red">*</font></div></div></div>
Js代码
//新增修改时候的校验function validate(){var result = true;result = validateNoticeToEndList();return result;}function validateNoticeToEndList(){//判断是否是第一次添加提示信息var checkbox = document.getElementsByName("noticeToEndList");for(var i=0; i<checkbox.length; i++){if(checkbox[i].checked && checkbox[i].value!=""){return true;}else{continue;}}console.log("验证未通过");if(document.getElementById("noticeToEndListTips")==null){var tips = document.createElement("font");tips.id = "noticeToEndListTips";tips.style.color = "red";tips.innerHTML = "请选择要发布的设备端";checkbox[checkbox.length-1].parentNode.appendChild(tips);}return false;}
0 0
- JavaScript JavaScript对checkbox的校验
- CHECKBOX"全选"的JavaScript
- javascript checkBox的使用
- javascript+php 实现全选/全不选 以及对checkbox的处理
- 利用jslint对javascript开展语法校验
- javascript 校验
- javascript checkbox
- javascript------checkbox
- JavaScript简单的校验实例
- Javascript中常见的校验
- 常见的 JavaScript 校验格式
- javaScript关于类型的校验
- JavaScript获取checkbox的值
- 消除Eclipse对javascript校验的error误报及warning符号
- JavaScript创建Checkbox,IE6一个弱智bug对代码的影响
- 用JavaScript实现对用户名,密码进行校验
- javascript对表单字段进行校验(源代码)
- javascript自动的校验函数(二)-email校验
- 【Android】BaseAdapter示例
- 数据库中可以执行的sql语句,在程序中执行抛出乱码异常
- jbpm应用开发
- CODE[VS]1215 迷宫(DFS
- HTTP 错误 500.19 - Internal Server Error
- JavaScript JavaScript对checkbox的校验
- [转]其实你不懂wget的心 http://www.cnblogs.com/cbscan/articles/2276817.html
- 【bzoj1853】【Scoi2010】【幸运数字】【搜索】
- 巧用 adb logcat
- MyBatis 中in的使用
- 系统相册和照相机
- 使用CocoaPods 删除已经配置的类库和移除CocoaPods
- 找不到符号
- 利用HTML5开发Android