CheckBoxList 獲取選中的值或判斷被選中項
来源:互联网 发布:seo网站建设 编辑:程序博客网 时间:2024/06/16 05:39
RepeatLayout
使用该属性指定是否在表中显示CheckBoxList控件中的项。如果该属性设置为RepeatLayout.Table,则在表中显示列表项。如果该属性设置为 RepeatLayout.Flow,则不以表结构的形式显示列表项。
下面舉例:
前臺頁面:
<body>
<formid="form1"runat="server">
<div>
<asp:CheckBoxList ID="chkTestTable"runat="server"RepeatDirection="Horizontal"RepeatLayout="Table">
<asp:ListItemValue="0">外語水平</asp:ListItem>
<asp:ListItemValue="1">技能水平</asp:ListItem>
<asp:ListItemValue="2">人際交流水平</asp:ListItem>
</asp:CheckBoxList>
<br/>
<br/>
<asp:CheckBoxListID="chkTestFlow"runat="server"RepeatDirection="Horizontal"RepeatLayout="Flow">
<asp:ListItemValue="0">外語水平</asp:ListItem>
<asp:ListItemValue="1">技能水平</asp:ListItem>
<asp:ListItemValue="2">人際交流水平</asp:ListItem>
</asp:CheckBoxList>
<br/>
<br/>
<asp:ButtonID="btnTest"runat="server"Text="Test" OnClientClick="return GetChkChoose();"/>
</div>
</form>
</body>
源代碼:
1.RepeatLayout="Table":
<table id="chkTestTable"border="0">
<tr>
<td>
<input id="chkTestTable_0"type="checkbox"name="chkTestTable$0"/>
<label for="chkTestTable_0">外語水平</label>
</td>
<td>
<input id="chkTestTable_1"type="checkbox"name="chkTestTable$1"/> <label for="chkTestTable_1">技能水平</label>
</td>
<td>
<input id="chkTestTable_2"type="checkbox"name="chkTestTable$2"/>
<label for="chkTestTable_2">人際交流水平</label>
</td>
</tr>
</table>
<br/>
<br/>
2.RepeatLayout="Flow":
<span id="chkTestFlow">
<input id="chkTestFlow_0"type="checkbox"name="chkTestFlow$0"checked="checked"/>
<label for="chkTestFlow_0">外語水平</label>
<input id="chkTestFlow_1"type="checkbox"name="chkTestFlow$1"/>
<label for="chkTestFlow_1">技能水平</label>
<input id="chkTestFlow_2"type="checkbox"name="chkTestFlow$2"/>
<label for="chkTestFlow_2">人際交流水平</label></span>
<br/>
<br/>
<input type="submit" name="btnTest" value="Test" onclick=" returnGetChkChoose();" id="btnTest"/>
从上面的分析可知,当RepeatLayout="Table"时,CheckBoxList自动解析成table,<td>中含有两个子元素,一个是type="checkbox"一个是label,所以若是在js中获取到谁被选中,则要
var checkChoose = document.getClientmentById("chkTestTable");
for(i=0;i<checkChoose.cells.length;i++)
{
// 获取table中的每一个单元格内的第一个元素,然后判断其选中状态
if(checkChoose.cells[i].children[0].checked)
{
alert(“http://hi.baidu.com/new/zhong635976601”);
}
// 那么获取选中的内容肯定就是checkChoose.cells[i].children[1].innerText,這裡不可用.value取值,因為這裡的標記為<label>,所以要用innerText或innerHTML
}
当RepeatLayout="Flow"时
看源代碼,被編譯成為<span>標記,裏面的子元素為三个是type="checkbox"三个是label,並沒有像RepeatLayout="Table"一樣被<td>標記分成三組,而是直接在一個<span>標記中,所以在這裡<span>標記中就有了6個元素,其中三個是checkbox,另外三個是checkbox的值,所以若是想獲取誰選中了,則
for (i = 0; i < chkTestFlow.children.length / 2; i++)
{
if (chkTestFlow.children[2 * i].checked)
{
alert("http://hi.baidu.com/new/zhong635976601");
return;
}
}
// 那么获取选中的内容肯定就是chkTestFlow.children[2 * i +1].innerText,這裡不可用.value取值,因為這裡的標記為<label>,所以要用innerText或innerHTML
radioButtonList的使用和checkBoxList的使用基本一致,在這裡不再講解,你是否已經明白怎麼處理了呢.
不明白的可以留言....
- CheckBoxList 獲取選中的值或判斷被選中項
- 如何获取CheckBoxList中的value值
- jQuery获取checkboxlist中的value值
- 如何遍历CheckBoxList,获得选中项的值?动态绑定CheckBoxList或给某些项赋值?
- yii2中的checkboxList
- 得到CheckBoxList中选中值(checkboxlist动态值)
- onmouseover和onmouseout应用于RadioButtonList或CheckBoxList
- 取得CheckBoxList的值
- 取CheckBoxList的值
- 取CheckBoxList的值
- CheckBoxList 取值
- CheckBoxList取值
- checkboxlist取值
- 关于CheckBoxList取值
- checkBoxList
- CheckBoxList
- CheckBoxList
- CheckBoxList
- zoom 放大縮小屬性
- 双向链表的简单操作
- 【poj3667】【线段树】Hotel
- 在Hadoop上运行SQL:程序员需知晓的13种数据工具
- ubuntu luci 安装编译
- CheckBoxList 獲取選中的值或判斷被選中項
- [DLL]使用def文件从dll导出
- oracle number sequence 和 java.util.Long范围关系oracle sequence的取值范围是
- OpenErp学习笔记
- uploadify 上传大文件 出现的 HTTP error 问题的方法
- js 网页列印
- Xcode调试打印方法
- google-gson 使用及GsonBuilder设置
- Maven学习之maven核心,pom.xml详解