您是怎么解决“vs2005中怎样用js获取treeview控件checkbox被选中的节点的value值和文本的值”？谢谢指教下

JavaScript022

您是怎么解决“vs2005中怎样用js获取treeview控件checkbox被选中的节点的value值和文本的值”？谢谢指教下,第1张

首先有树

然后设ie9为默认浏览器

然后Ctrl+Shift+W

然后选中一个节点

然后按F12 跳出开发者工具

然后按Ctrl+B去抓页面上的元素 获得ID 等信息

比较选中和未选中的差异即可

以上方法在.net 服务器端控件中通用

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312">

<title>日期输入控件，可以输入当前的时间</title>

</head>

<body>

<form name="form1" method="post" action="">

<p>

<input type="text" name="textfield" onFocus="CalendarWebControl.show(this,true,this.value)">

日期时间输入</p>

<p>

<input type="text" name="textfield2" onFocus="CalendarWebControl.show(this,false,this.value)">

日期输入</p>

</form>

<script language="javascript">

function atCalendarControl(){

var calendar=this

this.calendarPad=null

this.prevMonth=null

this.nextMonth=null

this.prevYear=null

this.nextYear=null

this.goToday=null

this.calendarClose=null

this.calendarAbout=null

this.head=null

this.body=null

this.today=[]

this.currentDate=[]

this.sltDate

this.target

this.source

/************** 加入日历底板及阴影 *********************/

this.addCalendarPad=function(){

document.write("<div id='divCalendarpad' style='position:absolutetop:100left:0width:255height:187display:none'>")

document.write("<iframe frameborder=0 height=189 width=250></iframe>")

document.write("<div style='position:absolutetop:2left:2width:250height:187background-color:#336699'></div>")

document.write("</div>")

calendar.calendarPad=document.all.divCalendarpad

}

/************** 加入日历面板 *********************/

this.addCalendarBoard=function(){

var BOARD=this

var divBoard=document.createElement("div")

calendar.calendarPad.insertAdjacentElement("beforeEnd",divBoard)

divBoard.style.cssText="position:absolutetop:0left:0width:250height:187border:0 outsetbackground-color:buttonface"

var tbBoard=document.createElement("table")

divBoard.insertAdjacentElement("beforeEnd",tbBoard)

tbBoard.style.cssText="position:absolutetop:2left:2width:248height:10font-size:9pt"

tbBoard.cellPadding=0

tbBoard.cellSpacing=1

/************** 设置各功能按钮的功能 *********************/

/*********** Calendar About Button ***************/

trRow = tbBoard.insertRow(0)

calendar.calendarAbout=calendar.insertTbCell(trRow,0,"-","center")

calendar.calendarAbout.title="帮助 快捷键:H"

calendar.calendarAbout.onclick=function(){calendar.about()}

/*********** Calendar Head ***************/

tbCell=trRow.insertCell(1)

tbCell.colSpan=5

tbCell.bgColor="#99CCFF"

tbCell.align="center"

tbCell.style.cssText = "cursor:default"

calendar.head=tbCell

/*********** Calendar Close Button ***************/

tbCell=trRow.insertCell(2)

calendar.calendarClose = calendar.insertTbCell(trRow,2,"x","center")

calendar.calendarClose.title="关闭 快捷键:ESC或X"

calendar.calendarClose.onclick=function(){calendar.hide()}

/*********** Calendar PrevYear Button ***************/

trRow = tbBoard.insertRow(1)

calendar.prevYear = calendar.insertTbCell(trRow,0,"<<","center")

calendar.prevYear.title="上一年 快捷键:↑"

calendar.prevYear.onmousedown=function(){

calendar.currentDate[0]--

calendar.show(calendar.target,calendar.returnTime,calendar.currentDate[0]+"-"+calendar.formatTime(calendar.currentDate[1])+"-"+calendar.formatTime(calendar.currentDate[2]),calendar.source)

}

/*********** Calendar PrevMonth Button ***************/

calendar.prevMonth = calendar.insertTbCell(trRow,1,"<","center")

calendar.prevMonth.title="上一月 快捷键:←"

calendar.prevMonth.onmousedown=function(){

calendar.currentDate[1]--

if(calendar.currentDate[1]==0){

calendar.currentDate[1]=12

calendar.currentDate[0]--

}

calendar.show(calendar.target,calendar.returnTime,calendar.currentDate[0]+"-"+calendar.formatTime(calendar.currentDate[1])+"-"+calendar.formatTime(calendar.currentDate[2]),calendar.source)

}

/*********** Calendar Today Button ***************/

calendar.goToday = calendar.insertTbCell(trRow,2,"今天","center",3)

calendar.goToday.title="选择今天 快捷键:T"

calendar.goToday.onclick=function(){

if(calendar.returnTime)

calendar.sltDate=calendar.today[0]+"-"+calendar.formatTime(calendar.today[1])+"-"+calendar.formatTime(calendar.today[2])+" "+calendar.formatTime(calendar.today[3])+":"+calendar.formatTime(calendar.today[4])

else

calendar.sltDate=calendar.today[0]+"-"+calendar.formatTime(calendar.today[1])+"-"+calendar.formatTime(calendar.today[2])

calendar.target.value=calendar.sltDate

calendar.hide()

//calendar.show(calendar.target,calendar.today[0]+"-"+calendar.today[1]+"-"+calendar.today[2],calendar.source)

}

/*********** Calendar NextMonth Button ***************/

calendar.nextMonth = calendar.insertTbCell(trRow,3,">","center")

calendar.nextMonth.title="下一月 快捷键:→"

calendar.nextMonth.onmousedown=function(){

calendar.currentDate[1]++

if(calendar.currentDate[1]==13){

calendar.currentDate[1]=1

calendar.currentDate[0]++

}

calendar.show(calendar.target,calendar.returnTime,calendar.currentDate[0]+"-"+calendar.formatTime(calendar.currentDate[1])+"-"+calendar.formatTime(calendar.currentDate[2]),calendar.source)

}

/*********** Calendar NextYear Button ***************/

calendar.nextYear = calendar.insertTbCell(trRow,4,">>","center")

calendar.nextYear.title="下一年 快捷键:↓"

calendar.nextYear.onmousedown=function(){

calendar.currentDate[0]++

calendar.show(calendar.target,calendar.returnTime,calendar.currentDate[0]+"-"+calendar.formatTime(calendar.currentDate[1])+"-"+calendar.formatTime(calendar.currentDate[2]),calendar.source)

}

trRow = tbBoard.insertRow(2)

var cnDateName = new Array("日","一","二","三","四","五","六")

for (var i = 0i <7i++) {

tbCell=trRow.insertCell(i)

tbCell.innerText=cnDateName[i]

tbCell.align="center"

tbCell.width=35

tbCell.style.cssText="cursor:defaultborder:1 solid #99CCCCbackground-color:#99CCCC"

}

/*********** Calendar Body ***************/

trRow = tbBoard.insertRow(3)

tbCell=trRow.insertCell(0)

tbCell.colSpan=7

tbCell.height=97

tbCell.vAlign="top"

tbCell.bgColor="#F0F0F0"

var tbBody=document.createElement("table")

tbCell.insertAdjacentElement("beforeEnd",tbBody)

tbBody.style.cssText="position:relativetop:0left:0width:245height:103font-size:9pt"

tbBody.cellPadding=0

tbBody.cellSpacing=1

calendar.body=tbBody

/*********** Time Body ***************/

trRow = tbBoard.insertRow(4)

tbCell=trRow.insertCell(0)

calendar.prevHours = calendar.insertTbCell(trRow,0,"-","center")

calendar.prevHours.title="小时调整 快捷键:Home"

calendar.prevHours.onmousedown=function(){

calendar.currentDate[3]--

if(calendar.currentDate[3]==-1) calendar.currentDate[3]=23

calendar.bottom.innerText=calendar.formatTime(calendar.currentDate[3])+":"+calendar.formatTime(calendar.currentDate[4])

}

tbCell=trRow.insertCell(1)

calendar.nextHours = calendar.insertTbCell(trRow,1,"+","center")

calendar.nextHours.title="小时调整 快捷键:End"

calendar.nextHours.onmousedown=function(){

calendar.currentDate[3]++

if(calendar.currentDate[3]==24) calendar.currentDate[3]=0

calendar.bottom.innerText=calendar.formatTime(calendar.currentDate[3])+":"+calendar.formatTime(calendar.currentDate[4])

}

tbCell=trRow.insertCell(2)

tbCell.colSpan=3

tbCell.bgColor="#99CCFF"

tbCell.align="center"

tbCell.style.cssText = "cursor:default"

calendar.bottom=tbCell

tbCell=trRow.insertCell(3)

calendar.prevMinutes = calendar.insertTbCell(trRow,3,"-","center")

calendar.prevMinutes.title="分钟调整 快捷键:PageUp"

calendar.prevMinutes.onmousedown=function(){

calendar.currentDate[4]--

if(calendar.currentDate[4]==-1) calendar.currentDate[4]=59

calendar.bottom.innerText=calendar.formatTime(calendar.currentDate[3])+":"+calendar.formatTime(calendar.currentDate[4])

}

tbCell=trRow.insertCell(4)

calendar.nextMinutes = calendar.insertTbCell(trRow,4,"+","center")

calendar.nextMinutes.title="分钟调整 快捷键:PageDown"

calendar.nextMinutes.onmousedown=function(){

calendar.currentDate[4]++

if(calendar.currentDate[4]==60) calendar.currentDate[4]=0

calendar.bottom.innerText=calendar.formatTime(calendar.currentDate[3])+":"+calendar.formatTime(calendar.currentDate[4])

}

}

/************** 加入功能按钮公共样式 *********************/

this.insertTbCell=function(trRow,cellIndex,TXT,trAlign,tbColSpan){

var tbCell=trRow.insertCell(cellIndex)

if(tbColSpan!=undefined) tbCell.colSpan=tbColSpan

var btnCell=document.createElement("button")

tbCell.insertAdjacentElement("beforeEnd",btnCell)

btnCell.value=TXT

btnCell.style.cssText="width:100%border:1 outsetbackground-color:buttonface"

btnCell.onmouseover=function(){

btnCell.style.cssText="width:100%border:1 outsetbackground-color:#F0F0F0"

}

btnCell.onmouseout=function(){

btnCell.style.cssText="width:100%border:1 outsetbackground-color:buttonface"

}

// btnCell.onmousedown=function(){

// btnCell.style.cssText="width:100%border:1 insetbackground-color:#F0F0F0"

// }

btnCell.onmouseup=function(){

btnCell.style.cssText="width:100%border:1 outsetbackground-color:#F0F0F0"

}

btnCell.onclick=function(){

btnCell.blur()

}

return btnCell

}

this.setDefaultDate=function(){

var dftDate=new Date()

calendar.today[0]=dftDate.getYear()

calendar.today[1]=dftDate.getMonth()+1

calendar.today[2]=dftDate.getDate()

calendar.today[3]=dftDate.getHours()

calendar.today[4]=dftDate.getMinutes()

}

/****************** Show Calendar *********************/

this.show=function(targetObject,returnTime,defaultDate,sourceObject){

if(targetObject==undefined) {

alert("未设置目标对象. \n方法: ATCALENDAR.show(obj 目标对象,boolean 是否返回时间,string 默认日期,obj 点击对象)\n\n目标对象:接受日期返回值的对象.\n默认日期:格式为\"yyyy-mm-dd\",缺省为当前日期.\n点击对象:点击这个对象弹出calendar,默认为目标对象.\n")

return false

}

else calendar.target=targetObject

if(sourceObject==undefined) calendar.source=calendar.target

else calendar.source=sourceObject

if(returnTime) calendar.returnTime=true

else calendar.returnTime=false

var firstDay

var Cells=new Array()

if((defaultDate==undefined) || (defaultDate=="")){

var theDate=new Array()

calendar.head.innerText = calendar.today[0]+"-"+calendar.formatTime(calendar.today[1])+"-"+calendar.formatTime(calendar.today[2])

calendar.bottom.innerText = calendar.formatTime(calendar.today[3])+":"+calendar.formatTime(calendar.today[4])

theDate[0]=calendar.today[0]theDate[1]=calendar.today[1]theDate[2]=calendar.today[2]

theDate[3]=calendar.today[3]theDate[4]=calendar.today[4]

}

else{

var Datereg=/^\d{4}-\d{1,2}-\d{2}$/

var DateTimereg=/^(\d{1,4})-(\d{1,2})-(\d{1,2}) (\d{1,2}):(\d{1,2})$/

if((!defaultDate.match(Datereg)) &&(!defaultDate.match(DateTimereg))){

alert("默认日期(时间)的格式不正确！\t\n\n默认可接受格式为:\n1、yyyy-mm-dd \n2、yyyy-mm-dd hh:mm\n3、(空)")

calendar.setDefaultDate()

return

}

if(defaultDate.match(Datereg)) defaultDate=defaultDate+" "+calendar.today[3]+":"+calendar.today[4]

var strDateTime=defaultDate.match(DateTimereg)

var theDate=new Array(4)

theDate[0]=strDateTime[1]

theDate[1]=strDateTime[2]

theDate[2]=strDateTime[3]

theDate[3]=strDateTime[4]

theDate[4]=strDateTime[5]

calendar.head.innerText = theDate[0]+"-"+calendar.formatTime(theDate[1])+"-"+calendar.formatTime(theDate[2])

calendar.bottom.innerText = calendar.formatTime(theDate[3])+":"+calendar.formatTime(theDate[4])

}

calendar.currentDate[0]=theDate[0]

calendar.currentDate[1]=theDate[1]

calendar.currentDate[2]=theDate[2]

calendar.currentDate[3]=theDate[3]

calendar.currentDate[4]=theDate[4]

theFirstDay=calendar.getFirstDay(theDate[0],theDate[1])

theMonthLen=theFirstDay+calendar.getMonthLen(theDate[0],theDate[1])

//calendar.setEventKey()

calendar.calendarPad.style.display=""

var theRows = Math.ceil((theMonthLen)/7)

//清除旧的日历

while (calendar.body.rows.length >0) {

calendar.body.deleteRow(0)

}

//建立新的日历

var n=0day=0

for(i=0i<theRowsi++){

theRow=calendar.body.insertRow(i)

for(j=0j<7j++){

n++

if(n>theFirstDay &&n<=theMonthLen){

day=n-theFirstDay

calendar.insertBodyCell(theRow,j,day)

}

else{

var theCell=theRow.insertCell(j)

theCell.style.cssText="background-color:#F0F0F0cursor:default"

}

}

}

//****************调整日历位置**************//

var offsetPos=calendar.getAbsolutePos(calendar.source)//计算对象的位置

if((document.body.offsetHeight-(offsetPos.y+calendar.source.offsetHeight-document.body.scrollTop))<calendar.calendarPad.style.pixelHeight){

var calTop=offsetPos.y-calendar.calendarPad.style.pixelHeight

}

else{

var calTop=offsetPos.y+calendar.source.offsetHeight

}

if((document.body.offsetWidth-(offsetPos.x+calendar.source.offsetWidth-document.body.scrollLeft))>calendar.calendarPad.style.pixelWidth){

var calLeft=offsetPos.x

}

else{

var calLeft=calendar.source.offsetLeft+calendar.source.offsetWidth

}

//alert(offsetPos.x)

calendar.calendarPad.style.pixelLeft=calLeft

calendar.calendarPad.style.pixelTop=calTop

}

/****************** 计算对象的位置 *************************/

this.getAbsolutePos = function(el) {

var r = { x: el.offsetLeft, y: el.offsetTop }

if (el.offsetParent) {

var tmp = calendar.getAbsolutePos(el.offsetParent)

r.x += tmp.x

r.y += tmp.y

}

return r

}

//************* 插入日期单元格 **************/

this.insertBodyCell=function(theRow,j,day,targetObject){

var theCell=theRow.insertCell(j)

if(j==0) var theBgColor="#FF9999"

else var theBgColor="#FFFFFF"

if(day==calendar.currentDate[2]) var theBgColor="#CCCCCC"

if(day==calendar.today[2]) var theBgColor="#99FFCC"

theCell.bgColor=theBgColor

theCell.innerText=day

theCell.align="center"

theCell.width=35

theCell.style.cssText="border:1 solid #CCCCCCcursor:hand"

theCell.onmouseover=function(){

theCell.bgColor="#FFFFCC"

theCell.style.cssText="border:1 outsetcursor:hand"

}

theCell.onmouseout=function(){

theCell.bgColor=theBgColor

theCell.style.cssText="border:1 solid #CCCCCCcursor:hand"

}

theCell.onmousedown=function(){

theCell.bgColor="#FFFFCC"

theCell.style.cssText="border:1 insetcursor:hand"

}

theCell.onclick=function(){

if(calendar.returnTime)

calendar.sltDate=calendar.currentDate[0]+"-"+calendar.formatTime(calendar.currentDate[1])+"-"+calendar.formatTime(day)+" "+calendar.formatTime(calendar.currentDate[3])+":"+calendar.formatTime(calendar.currentDate[4])

else

calendar.sltDate=calendar.currentDate[0]+"-"+calendar.formatTime(calendar.currentDate[1])+"-"+calendar.formatTime(day)

calendar.target.value=calendar.sltDate

calendar.hide()

}

}

/************** 取得月份的第一天为星期几 *********************/

this.getFirstDay=function(theYear, theMonth){

var firstDate = new Date(theYear,theMonth-1,1)

return firstDate.getDay()

}

/************** 取得月份共有几天 *********************/

this.getMonthLen=function(theYear, theMonth) {

theMonth--

var oneDay = 1000 * 60 * 60 * 24

var thisMonth = new Date(theYear, theMonth, 1)

var nextMonth = new Date(theYear, theMonth + 1, 1)

var len = Math.ceil((nextMonth.getTime() - thisMonth.getTime())/oneDay)

return len

}

/************** 隐藏日历 *********************/

this.hide=function(){

//calendar.clearEventKey()

calendar.calendarPad.style.display="none"

}

/************** 从这里开始 *********************/

this.setup=function(defaultDate){

calendar.addCalendarPad()

calendar.addCalendarBoard()

calendar.setDefaultDate()

}

/************** 格式化时间 *********************/

this.formatTime = function(str) {

str = ("00"+str)

return str.substr(str.length-2)

}

/************** 关于AgetimeCalendar *********************/

this.about=function(){

var strAbout = "\nWeb 日历选择输入控件操作说明:\n\n"

strAbout+="-\t: 关于\n"

strAbout+="x\t: 隐藏\n"

strAbout+="<<\t: 上一年\n"

strAbout+="<\t: 上一月\n"

strAbout+="今日\t: 返回当天日期\n"

strAbout+=">\t: 下一月\n"

strAbout+="<<\t: 下一年\n"

strAbout+="\nWeb日历选择输入控件\tVer:v1.0\t\nDesigned By:wxb \t\t2004.11.22\t\n"

alert(strAbout)

}

document.onkeydown=function(){

if(calendar.calendarPad.style.display=="none"){

window.event.returnValue= true

return true

}

switch(window.event.keyCode){

case 27 : calendar.hide()break//ESC

case 37 : calendar.prevMonth.onmousedown()break//←

case 38 : calendar.prevYear.onmousedown()break//↑

case 39 : calendar.nextMonth.onmousedown()break//→

case 40 : calendar.nextYear.onmousedown()break//↓

case 84 : calendar.goToday.onclick()break//T

case 88 : calendar.hide()break //X

case 72 : calendar.about()break //H

case 36 : calendar.prevHours.onmousedown()break//Home

case 35 : calendar.nextHours.onmousedown()break//End

case 33 : calendar.prevMinutes.onmousedown()break//PageUp

case 34 : calendar.nextMinutes.onmousedown()break//PageDown

}

window.event.keyCode = 0

window.event.returnValue= false

}

calendar.setup()

}

var CalendarWebControl = new atCalendarControl()

</script>

</body>

</html>

保存成Html文件，然后打开

按钮的点击事件，为每个按钮设置一个属性，用这个属性来记录按钮的值，

在点击事件中，修改密码框的值

注意，是写js代码：

如：

btn7.onclick = function(){

var val = this.value

var pass = document.getElementById("pass").value

if(val == "del" &&pass .length >0)

document.getElementById("pass").value = pass .substr(0,pass.length - 1)

else

document.getElementById("pass").value = pass + val

}