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

热点内容
拉萨网站布局该怎么设计 浏览:416
零售数据怎么用图来表示 浏览:628
英雄无敌7win1064位 浏览:951
宁波pm编程技能培训哪里便宜 浏览:779
国外疫情数据哪里准确 浏览:924
桌面上的部分文件不见了 浏览:453
win10ie主页改不过来 浏览:833
arccatalog添加数据库服务器 浏览:437
手机里如何找app 浏览:510
cmd转换文件夹 浏览:257
使命召唤9可以在win10上运行吗 浏览:383
网络盒子怎么收费 浏览:995
户户通没有网络怎么回事 浏览:78
个税原文件改名之后找不到了 浏览:824
文件另存为在一个地方却找不到了 浏览:502
记录每天走的里程下什么app 浏览:323
如何修改字幕文件 浏览:493
头条数据助手有什么用 浏览:423
logcat分析工具 浏览:236
linuxram与flash内存 浏览:64

友情链接