javascript 一些用法小结


Posted in Javascript onSeptember 11, 2009

如下的用法需要在JSP中增加属性onclick. 以全选为例,onclick="javascript:allselect()"//javascript可以省略
或者将function allselect()用document.getElementById("allselectbox").onclick = function();
全选:
fuction allselect(){
var form = document.forms[0];
var state = form.allselectbox.checked;
var length = form.username.length;
if(length){
for(var i=0;i<length;i++){
form.usernames[i].checked=state;
}
}else form.username.check = state;
}
全选的另一种写法:
function allSelect(){
var items = document.getElementsByName("usernames");
var state = document.getElementsByName("allselectbox")[0].checked;
if(items.length){
for(var i = 0; i < items.length; i++){
items[i].checked = state;
}
}else{
items.checked = state;
}
}
单项选择:
fuction selectitem(){
var form = document.forms[0];
var length = form.username.length;
if(length){
for(var i=0;i<length;i++){
if(form.usernames[i].checked) return true;
}
}else return form.usernames.check;
}
转到其他页面:
function topage(page){
var form = document.forms[0]
form.page.value = page;
form.submit;
}
取单选框的值Radio:
function getradiovalue(objradio){
var result = "";
try{
if(typeof(objradio.value)=="undefined"){
for(var i=0;i<objradio.length;i++){
if(objradio[i].checked){
return objradio[i].value;
}
}
}else{
if(objradio.checked) result = objradio.value;
}
}catch(e){result = "";}
return result;
}
email验证:
function isValidEmail(inEmail){
var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
return filter.test(inEmail);
}
检验手机格式:
function validateMobile(){
var form = document.forms[0];
if(form.mobile.value!=""){
var num = /^1[35]\d{9}$/
if(!num.test(form.mobile.value)){
alert("收货人的手机号格式不正确");
return false;
}
alert("正确");
}
}
待续........

Javascript 相关文章推荐
js 异步处理进度条
Apr 01 Javascript
jquery Moblie入门—hello world的示例代码学习
Jan 08 Javascript
js防止DIV布局滚动时闪动的解决方法
Oct 30 Javascript
深入理解JavaScript系列(38):设计模式之职责链模式详解
Mar 04 Javascript
神奇!js+CSS+DIV实现文字颜色渐变效果
Mar 16 Javascript
dul无法加载bootstrap实现unload table/user恢复
Sep 29 Javascript
vue2.0 中#$emit,$on的使用详解
Jun 07 Javascript
node.js读取Excel数据(下载图片)的方法示例
Aug 02 Javascript
node.js使用免费的阿里云ip查询获取ip所在地【推荐】
Sep 03 Javascript
jQuery实现根据身份证号获取生日、年龄、性别等信息的方法
Jan 09 jQuery
使用Vue调取接口,并渲染数据的示例代码
Oct 28 Javascript
vue自定义正在加载动画的例子
Nov 14 Javascript
JS 日期验证正则附asp日期格式化函数
Sep 11 #Javascript
jquery 简单导航实现代码
Sep 11 #Javascript
禁止JQuery中的load方法装载IE缓存中文件的方法
Sep 11 #Javascript
一个用javascript写的select支持上下键、首字母筛选以及回车取值的功能
Sep 09 #Javascript
用Javascript 和 CSS 实现脚注(Footnote)效果
Sep 09 #Javascript
Javascript 获取滚动条位置等信息的函数
Sep 08 #Javascript
实现png图片和png背景透明(支持多浏览器)的方法
Sep 08 #Javascript
You might like
Yii2实现ajax上传图片插件用法
2016/04/28 PHP
js png图片(有含有透明)在IE6中为什么不透明了
2010/02/07 Javascript
Knockoutjs的环境搭建教程
2012/11/26 Javascript
js replace正则表达式应用案例讲解
2013/01/17 Javascript
JS简单实现登陆验证附效果图
2013/11/19 Javascript
jQuery选择器源码解读(七):elementMatcher函数
2015/03/31 Javascript
JS中捕获console.log()输出的方法
2015/04/16 Javascript
js+css简单实现网页换肤效果
2015/12/29 Javascript
基于JS如何实现类似QQ好友头像hover时显示资料卡的效果(推荐)
2016/06/09 Javascript
微信小程序实现图片自适应(支持多图)
2017/01/25 Javascript
js鼠标跟随运动效果
2017/03/11 Javascript
Javascript实现数组中的元素上下移动
2017/04/28 Javascript
AngularJS实现自定义指令与控制器数据交互的方法示例
2017/06/19 Javascript
JS点击缩略图整屏居中放大图片效果
2017/07/04 Javascript
webpack 1.x升级过程中的踩坑总结大全
2017/08/09 Javascript
js canvas实现简单的图像扩散效果
2020/06/28 Javascript
详解Vuex中mapState的具体用法
2017/09/28 Javascript
浅析为什么a=&quot;abc&quot; 不等于 a=new String(&quot;abc&quot;)
2017/10/25 Javascript
JQuery Ajax动态加载Table数据的实例讲解
2018/08/09 jQuery
Jquery让form表单异步提交代码实现
2019/11/14 jQuery
使用React代码动态生成栅格布局的方法
2020/05/24 Javascript
基于Element封装一个表格组件tableList的使用方法
2020/06/29 Javascript
JavaScript实现多球运动效果
2020/09/07 Javascript
numpy 计算两个数组重复程度的方法
2018/11/07 Python
Django中的forms组件实例详解
2018/11/08 Python
pytorch torch.expand和torch.repeat的区别详解
2019/11/05 Python
Numpy一维线性插值函数的用法
2020/04/22 Python
通过css3动画和opacity透明度实现呼吸灯效果
2019/08/09 HTML / CSS
美国最大婚纱连锁店运营商:David’s Bridal
2019/03/12 全球购物
教师自我鉴定范文
2014/03/20 职场文书
小学生运动会通讯稿
2014/09/23 职场文书
2014年助理政工师工作总结
2014/12/19 职场文书
2016会计专业自荐信范文
2016/01/28 职场文书
MySQL修炼之联结与集合浅析
2021/10/05 MySQL
Python利用capstone实现反汇编
2022/04/06 Python
Nginx配置之禁止指定IP访问
2022/05/02 Servers