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 相关文章推荐
jquery 学习笔记一
Apr 07 Javascript
google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)
Apr 24 Javascript
form表单中去掉默认的enter键提交并绑定js方法实现代码
Apr 01 Javascript
判断复选框是否被选中的两种方法
Jun 04 Javascript
关于JS中setTimeout()无法调用带参函数问题的解决方法
Jun 21 Javascript
js的各种排序算法实现(总结)
Jul 23 Javascript
AngularJS验证信息框架的封装插件用法【w5cValidator扩展插件】
Nov 03 Javascript
解决js ajax同步请求造成浏览器假死的问题
Jan 18 Javascript
全面解析vue router 基本使用(动态路由,嵌套路由)
Sep 02 Javascript
深入理解Vue 的钩子函数
Sep 05 Javascript
基于Vue-Cli 打包自动生成/抽离相关配置文件的实现方法
Dec 09 Javascript
关于小程序优化的一些建议(小结)
Dec 10 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
phpcms的分类名称和类别名称的调用
2017/01/05 PHP
laravel异步监控定时调度器实例详解
2019/06/21 PHP
JQuery CSS样式控制 学习笔记
2009/07/23 Javascript
javascript动画之圆形运动,环绕鼠标运动作小球
2010/07/20 Javascript
javascript级联下拉列表实例代码(自写)
2013/05/10 Javascript
js动态设置鼠标事件示例代码
2013/10/30 Javascript
$(&quot;&quot;).click与onclick的区别示例介绍
2014/09/25 Javascript
JavaScript里实用的原生API汇总
2015/05/14 Javascript
浅谈jQuery页面的滚动位置scrollTop、scrollLeft
2015/05/19 Javascript
Ajax中解析Json的两种方法对比分析
2015/06/25 Javascript
Javascript的表单与验证-非空验证
2016/03/18 Javascript
JS 全屏和退出全屏详解及实例代码
2016/11/07 Javascript
jQuery图片拖动组件Dropzone用法示例
2017/01/17 Javascript
vue中eventbus被多次触发以及踩过的坑
2017/12/02 Javascript
vue实现div拖拽互换位置
2020/07/29 Javascript
JavaScript继承与聚合实例详解
2019/01/22 Javascript
vue配置接口域名方法总结
2019/05/12 Javascript
vue.js 打包时出现空白页和路径错误问题及解决方法
2019/06/26 Javascript
微信小程序 弹窗输入组件的实现解析
2019/08/12 Javascript
Python编程argparse入门浅析
2018/02/07 Python
wxPython的安装与使用教程
2018/08/31 Python
Python序列对象与String类型内置方法详解
2019/10/22 Python
Python银行系统实战源码
2019/10/25 Python
Django框架HttpResponse对象用法实例分析
2019/11/01 Python
详解pyinstaller生成exe的闪退问题解决方案
2020/06/19 Python
Silk Therapeutics官网:清洁、抗衰老护肤品
2020/08/12 全球购物
.NET初级开发工程师面试题
2014/04/18 面试题
东方红海科技面试题软件测试方面
2012/02/08 面试题
最新销售员个人自荐信
2013/09/21 职场文书
《果园机器人》教学反思
2014/04/13 职场文书
上班旷工检讨书
2015/08/15 职场文书
军训决心书范文
2015/09/22 职场文书
自己搭建resnet18网络并加载torchvision自带权重的操作
2021/05/13 Python
Go语言实现一个简单的并发聊天室的项目实战
2022/03/18 Golang
Go语言 详解net的tcp服务
2022/04/14 Golang
MySQL count(*)统计总数问题汇总
2022/09/23 MySQL