导航:首页 > 编程语言 > js遍历checkboxlist

js遍历checkboxlist

发布时间:2024-05-03 08:56:21

js checkboxlist选中(.NET)

ASP控件解析成HTML后 最终生成都是HTML控件.
而checkboxlist 解析成HTML后,就是N个<input type="checkbox"> 的控件
然后给予这些控件ID。
比如我页面上有这样一个checkboxlist
<asp:CheckBoxList ID="cbl1" runat="server" RepeatDirection="Horizontal">
<asp:ListItem>测试1</asp:ListItem>
<asp:ListItem>测试2</asp:ListItem>
<asp:ListItem>测试3</asp:ListItem>
</asp:CheckBoxList>

解析出来后的HTML就是这样。
<table id="cbl1" border="0">
<tr>
<td>
<input id="cbl1_0" type="checkbox" name="cbl1$0" />
<label for="cbl1_0">测试1</label>
</td>
<td>
<input id="cbl1_1" type="checkbox" name="cbl1$1" />
<label for="cbl1_1">测试2</label>
</td>
<td>
<input id="cbl1_2" type="checkbox" name="cbl1$2" />
<label for="cbl1_2">测试3</label>
</td>
</tr>
</table>

规律很明显,ID就是 checkboxlist的ID 加上索引。
那么比如我用JS选中测试2,就是:
document.getElementById("cbl1_1").checked = true

⑵ js获得jsp页面表单数据

你以上的代码不是html ,真正的html 是服务器返回浏览器的代码。上面只是一个servlet原码,要明白servlet 与html 的区别是什么。

以下是方法:

<!-- 方法1 纯html 表单提交-->
<form action="/actionpath.do">
<input type="text" name="pro1">
<input type="text" name="pro2">
<input type="submit" value="提交">
</form>

<!-- 方法2 用js提交-->
<form id="frm" action="/actionpath.do">
<input type="text" name="pro1">
<input type="text" name="pro2">
<input type="button" value="提交" onclick="return check()">
</form>

<script type="text/javascript">
function check(){
document.getElementById("frm")
form.submit();
}

</script>

详细请参考:http://www.360cat.cn/it/note/java_john2/info/0-280_0_0.html

⑶ asp.net里怎么为<asp:CheckBoxList>添加一个单击事件,并调用js代码

<asp:Button runat="server" ID="Button1" CssClass="clearBox" BorderStyle="None" Style="float: none;"
OnClick="Button1_Click" OnClientClick="return IsDel();" />
function IsDel(){
if (!confirm('确定要永久删除该信息吗?删除后将不能被恢复!')) {
return false;
}
}
这是button的,CheckBoxList 一样

⑷ 怎么给checkboxlist控件中的checkbox添加js onclick事件

private void Page_Load(object sender, System.EventArgs e)
{
if(!this.IsPostBack)
{
this.CheckBoxList1.Attributes.Add( "onclick ", "Test() ");
}
// 在此处放置用户代码以初始化页面
}

<script language= "javascript ">
function Test()
{
alert( "a ");
}
</script>

阅读全文

与js遍历checkboxlist相关的资料

热点内容
编辑bt种子修改文件名 浏览:651
qq空间日志边框代码 浏览:630
编程机构学校哪个最好 浏览:388
opatch工具11g 浏览:196
象往app家长版如何添加成员 浏览:9
一汽奥迪app在哪里看车辆状态 浏览:359
esb文件格式 浏览:667
程序员的图片 浏览:685
报考网络工程师都需要购买哪些书籍 浏览:553
文件币的价格多少 浏览:453
安卓pptv本地文件已不在怎么清理 浏览:325
jsp报表插件 浏览:575
javajlabelsettext 浏览:874
什么是有效xml文件 浏览:216
施工人员在哪个app找工作 浏览:409
sources文件夹是什么 浏览:843
缺电脑文件 浏览:539
windows编程如何读取文件大小 浏览:947
2017程序员工资统计 浏览:153
ps2021暂存盘文件手动清理 浏览:459

友情链接