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

热点内容
编程用苹果 浏览:659
51虚拟机的文件管理在哪里 浏览:13
win10系统有没有便签 浏览:722
java引用传递和值传递 浏览:109
oracle下载安装教程 浏览:854
php筛选数据库 浏览:830
怎么用手机看wlan密码 浏览:745
奥维地图导入的文件在哪里 浏览:364
sdltrados2014教程 浏览:43
培训制度文件在哪里找 浏览:601
勒索病毒防疫工具 浏览:861
win10c不能打开 浏览:375
xfplay影音先锋苹果版 浏览:597
两个文件打开两个word 浏览:921
苹果6s桌面图标轻微抖动 浏览:326
如何删除手机中看不见的临时文件 浏览:469
安卓412原生锁屏apk 浏览:464
书加加缓存文件在哪里 浏览:635
dock是word文件吗 浏览:267
社保公司新办去哪个网站下载资料 浏览:640

友情链接