首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

琢磨半天没有结果,召唤CheckBoxList大师进,该如何解决

2012-03-08 
琢磨半天没有结果,召唤CheckBoxList大师进语言C#,页面放2个服务器端控件 asp:CheckBoxList 和 asp:Drop

琢磨半天没有结果,召唤CheckBoxList大师进
语言C#,页面放2个服务器端控件 <asp:CheckBoxList> 和 <asp:DropDownList> ,在.cs文件中绑定CheckBoxList的数据

希望实现的效果是,不刷新页面,点击CheckBox时把选中的值添加到DropDownList中

根据jianye112的提示,已经实现了功能,但是我却怎么也取不到CheckBoxList的Text,一开始用getElementById,取到的只是“on”,后来又想根据getElementsByTagName( "input ")得到checked的index,但是返回的值是undefind,后来又想通过CheckBoxList生成的 <table> ,用DOM模型来取,依然找不到,晕啊,到底该怎么取呢?

===================CheckBoxList生成的客户端代码===============

<table   id= "cblTeamPerson "   cellspacing= "20 "   border= "0 ">
<tr>
<td> <input   id= "cblTeamPerson_0 "   type= "checkbox "   name= "cblTeamPerson$0 "   /> <label   for= "cblTeamPerson_0 "> ter </label> </td> <td> <input   id= "cblTeamPerson_1 "   type= "checkbox "   name= "cblTeamPerson$1 "   /> <label   for= "cblTeamPerson_1 "> 5ye </label> </td> <td> <input   id= "cblTeamPerson_2 "   type= "checkbox "   name= "cblTeamPerson$2 "   /> <label   for= "cblTeamPerson_2 "> 第三个 </label> </td> <td> <input   id= "cblTeamPerson_3 "   type= "checkbox "   name= "cblTeamPerson$3 "   /> <label   for= "cblTeamPerson_3 "> ryu </label> </td> <td> <input   id= "cblTeamPerson_4 "   type= "checkbox "   name= "cblTeamPerson$4 "   /> <label   for= "cblTeamPerson_4 "> 第二个 </label> </td>
</tr> <tr>
<td> <input   id= "cblTeamPerson_5 "   type= "checkbox "   name= "cblTeamPerson$5 "   /> <label   for= "cblTeamPerson_5 "> -1 </label> </td> <td> <input   id= "cblTeamPerson_6 "   type= "checkbox "   name= "cblTeamPerson$6 "   /> <label   for= "cblTeamPerson_6 "> 第五个 </label> </td> <td> <input   id= "cblTeamPerson_7 "   type= "checkbox "   name= "cblTeamPerson$7 "   /> <label   for= "cblTeamPerson_7 "> 第四个 </label> </td> <td> <input   id= "cblTeamPerson_8 "   type= "checkbox "   name= "cblTeamPerson$8 "   /> <label   for= "cblTeamPerson_8 "> 5555 </label> </td> <td> </td>
</tr>
</table>


==================JavaScript代码============================


//   Get   the   event.onclick   Text
                function   getText(checkBoxID)
                {
                        //   找到checkboxlist
                        var   checkBoxList   =   document.getElementById( "cblTeamPerson ");
                        //   获取里面的选项
                        var   checkbox   =   checkBoxList.getElementsByTagName( "input ");
                        //   得到当前选中的checkbox的index
                        var   index   =   getValue(checkBoxID);


                        var   intIndex   =   parseInt(index);
                       

                        alert(checkbox.checked);                        
                       
                        //   取值,用getElementById.value活着table的firstChild等方法都试过,不是on,就是undefind
                        var   value   =   checkbox[index].text   ;
                        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)   ;
                        }
                }


[解决办法]
var value = checkbox[index].nextSibling.innerHTML;

热点排行
Bad Request.