当前位置导航:炫浪网>>网络学院>>网页制作>>ASP教程

使用VBScript操作Html复选框(CheckBox)控件

 

这两天看到有朋友问起html内的各种控件怎么用script进行操作,现在自己也总结一下。因为项目原因,很多程序都是用VBScript写的,感兴趣的朋友可以改写成JavaScript,到时候别忘了共享一下啊,活活。

OK,切入主题,现介绍一下:

今天介绍使用VBScript判断复选框的选中数量和被选中的复选框的值。

在生成某个一览表时,比如一个订货单一览表,每条订货单记录前面可能会放置一个复选框,以提供批量删除,发行等功能。一般每个复选框的值也就是后面对应记录的主键的值,如订货单编号。在执行删除、发行等功能时,就要知道选了几个复选框,这些复选框分别对应什么值,下面就说一下方法。

程序分为三部分:

一、判断被选定的CheckBox是一个还是一个以上

      主要思路是:当有多个同名的复选框,但ID不同时,举例复选框控件名为chkTest,那么它将被以数组的形式调用,比如说有三个复选框名字叫chkTest,ID分别是chkTest1,chkTest2,chkTest3,那么要想查看三个复选框的checked属性就要这么写:chkTest(0).checked, chkTest(1).checked, chkTest(2).checked (数组从零开始);而当只有一个复选框的时候,直接可以使用chkTest.checked。这样就决定了对于数量不同的(1个或多个两种分别),只能采用不同的方法来取得复选框的信息。由于当有多个同名不同ID的控件时,该控件拥有“控件名.type”这个属性,而这个只读的属性可以等于任何字符串,也就是说 控件名.type = “任意字符串“ 恒为true。当然,这只是对有控件名.type这个属性的时候,否则恒为false,这样也就分辨出在一览表里的复选框是单个还是多个了。程序如下:

'*************************************************
'<函数名>
' gfIs_ArrayTest(obj)
'<功能>
' 判断选定的CheckBox的是一个还是一个以上
'<参数>
' CheckBox对象名
'<返回值>
' true
' false
'<备注>
' Created on Mar.15th.2004 by AITD
'*************************************************
function gfIs_ArrayTest(obj)
on error resume next
 if obj.type = "flag" then
  gfIs_ArrayTest = True
 else
  gfIs_ArrayTest = False
 end if
end function

二、检查画面上复选框的选择是否符合要求

         所谓是否符合要求的意思就是,比如说,删除的时候选择起码一条记录,修正的时候选且只能选择一条记录,至于其他的,什么只能选择5条,只能选择10条等等,下面的程序改以下就行了。别忘了刚才说的,只有一个复选框和有多个复选框的处理方法是不一样的。

'******************************************************
'<函数名>
' gfChkCheckbox()
'<功能>
' 检查画面CheckBox的选择是否符合要求
'<参数>
' obj: 对应的checkbox控件
' flag: 检查规则:0 可有多个被选中
'       1 只能有一个被选中
' name:  提示用户那个控件报错的信息
'<返回值>
' true
' false
'<备注>
' Created on Mar.15th.2004 by AITD
'******************************************************
function gfChkCheckbox(obj,flag,name)
 Dim i
 Dim j
 
 gfChkCheckbox = false
 i = 0
 j = 0
 '若对象不存在
 if isnull(obj) then
  msgbox "请选择一个 " + name + "。"  '请选择一个对象
  gfChkCheckbox = false
  exit function
 end if
 
 '对象只有一个
 if not gfIs_ArrayTest(obj) then
  if obj.checked = false then
   msgbox "请选择一个 " + name + "。"  '请选择一个对象
   gfChkCheckbox =  false
   exit function
  else
   gfChkCheckbox = true
   exit function
  end if
 end if

 '若有多个对象存在

 for i = 0 to (obj.length - 1)
  if obj(i).type = "checkbox" then
   if obj(i).checked = true then
    j = j + 1
   end if
  end if
 next
 
 if j = 0 then
  msgbox "请选择 " + name + "。"  '请选择一个对象
  gfChkCheckbox =  false
  exit function
 end if
 if j = 1 then
  gfChkCheckbox = true
  exit function
 end if
 if j > 1 then
  if flag = 1 then
   msgbox "只能选择一个 " + name + "。"  '只能选择一个对象
   gfChkCheckbox =  false
   exit function
  else
   gfChkCheckbox =  true
   exit function
  end if
 end if

end function

三、取得复选框的值

         为了后面处理的方便,常把重要的信息保存在复选框的value属性里,以便后面取用。下面的程序将选中的复选框的值以间隔符 “^|^“ 串成一个字符串并返回。

'*************************************************
'<函数名>
' gfGetCheckBoxValue(obj)
'<功能>
' 取得选定的CheckBox的值
'<参数>
' CheckBox对象名
'<返回值>
' 选定的CheckBox的值
'<备注>
' Created on Mar.15th.2004 by AITD
'*************************************************
function gfGetCheckBoxValue(obj)

 dim strValue
 dim intCounter
 dim i

 strValue = ""
 intCounter = 0

 '如果对象不存在
 if isnull(obj) then
  gfGetCheckBoxValue = strValue
  exit function
 end if

 '如果对象为一个
 if not gfIs_ArrayTest(obj) then
  if obj.checked = false then
   gfGetCheckBoxValue = strValue
   exit function
  else
   gfGetCheckBoxValue = obj.value
   exit function
  end if
 end if

 '如果对象为多个
 for i = 0 to obj.length - 1
  if obj(i).checked = true then
   if intCounter > 0 then
    strValue = strValue & "^|^" & CStr(obj(i).value)
   else
    strValue = CStr(obj(i).value)
   end if
   intCounter = intCounter + 1
  end if
 next

 gfGetCheckBoxValue = strValue
end function

上面就是VBScript里面处理复选框的方法(偶用的)。可以把这几个函数封装到一个共通的vbs文件中,并在html的<head>标记区内引用就可以通用了~ 如 <head><script language=vbscript src=vbsChkBoxTool.vbs></script></head>

还要注意一个问题,在实际应用中,有可能根据查询条件生成的一览表里一条记录也没有,就是说没有复选框控件,如果仍旧调用这样一个名字的控件,这时候IE就会报错。没有什么太好的解决办法,于是写了一段程序绕过这个没有复选框控件的情况:

function sIsChkBoxExist()
 on error resume next
  err.clear
  if isEmpty(document.frmOrderList.chkOrder) then
  end if
  if err.number <> 0 then
  else
   sIsChkBoxExist=true
  end if
  err.clear
 end function

程序中对预定的控件随便做一个操作,如isEmpty,如果捕捉到了err.number>0的情况,就说明该控件不存在,但由于有on error resume next,所以不会提示错误,这样也就判断出了控件存不存在。

每次在调用上面三个函数之前,先调用一次sIsChkBoxExist函数,看看对应的控件存不存在,这样就不会有错了。

 
相关内容
赞助商链接