１.CheckBoxList js（http://hi.baidu.com/xuexiang516168/blog/item/bf772a324be85049ac4b5f3e.html）

2009-10-30 12:04

1 <%@ Page Language="C#" AutoEventWireup= "true" CodeFile= "chkandrdo.aspx.cs" Inherits= "chkandrdo" %>
2
3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
4
5 <html xmlns= "http://www.w3.org/1999/xhtml" >
6 <head runat= "server" >
7 <title>CheckBoxList,RadioButtonList，checkbox，radio等在控件在js中的調用</title>
8 </head>
9 <body>
10 <form id= "form1" runat= "server" >
11 <div>
12 <%--服務器端控件--%>
13 <asp:CheckBoxList ID= "chkBox1" runat= "server" οnclick= "javascript:CheckASP(this);" ></asp:CheckBoxList><br/>
14 <asp:RadioButtonList ID= "radButList" runat= "server" onClick= "javascript:Vadaitorvalue(this);" ></asp:RadioButtonList><br/>
15 <asp:Button ID= "btnCheck" runat= "server" Text= " 檢測 " OnClientClick= "return CheckValue();" OnClick= "btnCheck_Click" /><br/>
16 <%--服務器端控件--%>
17 <br/><br/><br/>
18
19 <%--由HTMLControl轉化來的服務器控件--%>
20 <a href= "javascript:CheckAll();" >全選</a> <a href= "javascript:Reservall();" >反選</a>.
21 <br/><br/>
22 <input id= "chkBox2" runat= "server" type= "checkbox" /><br /><%--這裏我設置了name屬性，但是在瀏覽器下，這個name屬性卻變成了和ID同值，不知道怎麼在客戶端中取得這個值。--%>
23 <input id= "chkBox3" runat= "server" type= "checkbox" οnclick= "javascript:CheckChkBoxValue(" chkBox3 ");" /><br />
24 <input id= "radButList2" runat= "server" type= "radio" name= "radButList2Name" />海闊<br />
25 <input id= "radButList3" runat= "server" type= "radio" name= "radButList2Name" />天空<br />
26 <input id= "btnCheck2" type= "button" value= " 檢測 " runat= "server" onserverclick= "btnCheck2_ServerClick" /><br />
27 <%--由HTMLControl轉化來的服務器控件--%>
28 <br/><br/><br/>
29 <a href= "javascript:CheckAllHtmlCheckBox('CheckboxProvience');" >全選</a> <a href= "javascript:ReservallCheckBox('CheckboxProvience');" >反選</a>.
30 <br/><br/>
31 <input id= "Checkbox1" type= "checkbox" name= "CheckboxProvience" /><br />
32 <input id= "Checkbox2" type= "checkbox" name= "CheckboxProvience" /><br />
33 <input id= "Checkbox3" type= "checkbox" name= "CheckboxProvience" /><br />
34 <input id= "Radio2" type= "radio" name= "Provience" />
35 <input id= "Radio1" type= "radio" name= "Provience" /></div>
36 </form>
37 </body>
38 </html>
js 文件
1 <script language= "javascript" type= "text/javascript" >
2
3 function CheckASP( object )
4 {
5 //alert(object.length); //這裏我們得不到，原因是在客戶端生成的代碼改變了
6 //for(var i=0;i<object.length;i++)
7 //if(object[i].checked)
8 //alert(object[i].value);
9
10 //如果這裏我們想得到要選中的值，方法還是有的，但是和常規的有所不同
11 var chkInput = object .getElementsByTagName( "INPUT" );
12 var chkLable = object .getElementsByTagName( "Label" );
13 for (var i=0;i<chkInput.length;i++)
14 {
15 if (chkInput[i]. checked )
16 {
17 alert(chkLable[i].innerHTML);
18 }
19 }
20 }
21
22 function Vadaitorvalue( object )
23 {
24 var radInput = object .getElementsByTagName( "INPUT" );
25 var radLable = object .getElementsByTagName( "Label" );
26
27 for (var i=0;i<radInput.length;i++)
28 {
29 if (radInput[i]. checked )
30 {
31 alert(radLable[i].innerHTML);
32 }
33 }
34
35 }
36
37
38 function CheckValue()
39 {
40 //在JS端調用CheckBoxList
41 var chkObject = document.getElementById( '<%=chkBox1.ClientID%>' );
42 var chkInput =chkObject.getElementsByTagName( "INPUT" );
43 for (var i=0;i<chkInput.length;i++)
44 {
45 if (chkInput[i]. checked )
46 {
47 alert(chkInput[i].value); // 這裏我們只能得到這個複選框中是否存在選中的項目,而不能在客戶端得到選中項的值,而且這個也和其它的控件有所不同.
48 return true ;
49 }
50 }
51
52 //在Js端調用RadioButtonList
53 var rdoObject = document.getElementById( "radButList" );
54 var rdoInput = rdoObject.getElementsByTagName( "INPUT" );
55 for (var i=0;i<rdoInput.length;i++)
56 {
57 if (rdoInput[i]. checked )
58 {
59 alert(rdoInput[i].value);
60 return true ;
61 }
62 }
63 return false ;
64 }
65
66 function CheckAll()
67 {
68 var object = document.getElementsByName( "Region" ); //不能用document.getElementsByName("Provience")來得到這裏的值，如果我想要獲得這個name爲provience的全部值，我要怎麼做呢？？
69 alert( object .length);
70
71 //在這裏始終不能取得由HTML控件CheckBox轉化過來的WebControl的所有個數，不知道這個怎麼解決。
72
73 //取得所有由HTML轉化過來的WebControl的
74 var objet = document.getElementsByName( "radButList2Name" );
75 for (var i=0;i<objet.length;i++)
76 {
77 if (objet[i]. checked )
78 alert(objet[i].value);
79 }
80 }
81
82 function Reservall()
83 {
84 //由於這個由Html轉化過來的服務器控件的名字不能確定，所以這個也不能得到反選
85 //後臺cs文件中對於由html轉化過來的服務器控件的明明有個name屬性，不知道爲什麼這裏就是不能設置
86 }
87
88 function changeidd(str)
89 {
90 alert(str);
91 }
92
93 function CheckChkBoxValue( object )
94 {
95 alert( object .value);
96 alert( object .getAttribute( "Region" )); //這裏竟然可以得到這個Provience ，但是還是不能得到全部的有region這個域的個數。
97 // var ob= document.getArrtibute("Region");
98 // alert(ob.length);
99 }
100
101 function CheckAllHtmlCheckBox(obj)
102 {
103 var object = document.getElementsByName(obj);
104 for (var i=0;i< object .length;i++)
105 {
106 object [i]. checked = true ;
107 }
108 }
109
110 function ReservallCheckBox(obj)
111 {
112 var object = document.getElementsByName(obj);
113 for (var i=0;i< object .length;i++)
114 {
115 object [i]. checked =! object [i]. checked ;
116 }
117 }
118
119 </script>

１.CheckBoxList js（http://hi.baidu.com/xuexiang516168/blog/item/bf772a324be85049ac4b5f3e.html）

985 碩士程序員，空窗 4 個月沒有 Offer！

一文搞懂 Spring 循環依賴

賽博鬥地主——使用大語言模型扮演Agent智能體玩牌類遊戲。

VScode右鍵打開(添加到右鍵)

記一次 .NET某工控視覺自動化系統卡死分析

WindowsServer--SQL Server搭建主從同步實現讀寫分離 - 事務性分發

java由於越界導致的報錯

使用 ASP.NET 開發郵件發送系統

讓網頁複製剪貼板中的內容到文本框（http://hi.baidu.com/tracyjay/blog/item/de2490295285ff26d52af1ac.html）

iis發佈asp.net解析全過程配置http://hi.baidu.com/xuexiang516168/blog/item/afb62317815fdb12962b433c.html

asp.net javascript回車鍵事件http://hi.baidu.com/xuexiang516168/blog/item/90f2bc4bc316372908f7eff4.html

按鼠標效果（http://hi.baidu.com/xuexiang516168/blog/item/01d36144afaebb3586947367.html）

Mac下配置sublime實現LaTeX

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結