blog.Toby

BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合

:: 管理 ::

130 隨筆 :: 2 文章 :: 150 評論 :: 0 Trackbacks

<

2007年7月

>

日

一

二

三

四

五

六

24

25

26

27

28

29

30

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

1

2

3

4

常用鏈接

留言簿(3)

隨筆分類

隨筆檔案

文章

Java企業系統架構選擇考量
關于Java企業系統架構之比較參考： http://www.jdon.com/jive/thread.jsp?forum=91&thread=22795

搜索

閱讀排行榜

評論排行榜

CheckBoxList 和 DropDownList 的二級聯動

<!--

// 添加 CheckBoxList 事件

function addAffair()

{

var checkList = document.getElementById("cblTeamPerson");

var childrens = checkList.getElementsByTagName("input") ;

var count = childrens.length ;

if (count == 0 )

return ;

var checkBox ;

var checkBoxid ;

for (var i = 0 ; i < count ; i ++ )

{

checkBoxid = "cblTeamPerson_" + i ;

checkBox = document.getElementById(checkBoxid);

checkBox.onclick = function(ev)

{

checkedAffair((ev || window.event).srcElement || ev.currentTarget);

}

// 添加 CheckBox 的 onclick 事件

function checkedAffair(checkBoxID)

{

var checkBox = document.getElementById(checkBoxID.id);

var dropDownList = document.getElementById("ddlTeamLeader");

if (checkBox.checked == true)

{

var newOption = document.createElement("OPTION") ;

newOption.text = getText(checkBox.id) ;

newOption.value = getValue(checkBox.id) ;

dropDownList.options.add(newOption);

}

else if (checkBox.checked == false)

{

var strValue = getValue(checkBox.id) ;

var count = dropDownList.options.length ;

var children ;

for (var i = 0 ; i < count ; i ++)

{

children = dropDownList.options[i].value ;

if (children == strValue)

{

dropDownList.options.remove(i) ;

}

// Get the event.onclick Text

function getText(checkBoxID)

{

var checkBoxList = document.getElementById("cblTeamPerson");

var checkbox = checkBoxList.getElementsByTagName("input");

var index = getValue(checkBoxID);

var intIndex = parseInt(index);

alert(checkbox[index].nextSibling.innerHTML);

var value = checkbox[index].nextSibling.innerHTML ;

return value ;

}

// Get the event.onclick Value

function getValue(checkBoxID)

{

var checkBox = document.getElementById(checkBoxID);

var factLength = checkBox.id.length;

if (factLength == 15)

{

return checkBox.id.substring(14,15) ;

}

else

{

return checkBox.id.substring(14,16) ;

}

//-->

</script>

遇到的2個比較嚴重的問題

1、在addAffair（）時，頁面生成后給客戶端生成的單一的checkbox掛onclick事件，如果直接寫成

checkBox.onclick = checkedAffair（）；是不響應的，這是在調用函數，應該

checkBox.onclick = function(ev) { 函數 }

2、getText（），取不到checkbox的Text，Value貌似確實取不到，改用獲取checkbox的ClientID的尾數來記錄value的辦法，但是getElementById，取到的只是“on”，后來又想根據getElementsByTagName("input")得到checked的index，但是返回的值是undefind，后來又想通過CheckBoxList生成的<table>，用DOM模型來取，依然找不到

解決辦法 var value = checkbox[index].nextSibling.innerHTML;

Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=1577056

posted on 2007-07-18 15:38 渠上月閱讀(731) 評論(0) 編輯收藏所屬分類: js tips

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: CheckBoxList 和 DropDownList 的二級聯動以一個最簡單的例子把OO的JavaScript說明白選擇自 yanwp 的 Blog js 子窗口和父窗口操作 js 效驗 js 表格排序

blog.Toby

常用鏈接

留言簿(3)

隨筆分類

隨筆檔案

文章分類

文章檔案

Securities

文章

搜索

最新評論

閱讀排行榜

評論排行榜