导航:首页 > 编程语言 > 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相关的资料

热点内容
网络编程udp 浏览:148
加密压缩文件如何打开 浏览:56
微软编程软件有哪些 浏览:736
linux目录中创建文件夹权限设置密码 浏览:759
word文档正式文件模版 浏览:247
linux文件系统的类型是 浏览:111
苹果的无线传输文件找不到了 浏览:102
密件文件名能出现在通知吗 浏览:832
编写一个web应用程序 浏览:350
哪些场所网络好 浏览:171
华为手机怎么找到以前安装过的app 浏览:100
49块一单约人陪的app是什么 浏览:570
ug文件格式图片 浏览:24
兴趣班编程课是学什么 浏览:879
怎么才能加微信医药群 浏览:601
微信表情小萝莉亲吻 浏览:876
我国应如何做好互联网网络空间的治理工作 浏览:777
今日最新闻投票app 浏览:53
aecs6卸载工具 浏览:645
视频文件包含的信息 浏览:238

友情链接