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

热点内容
nsh是什么文件 浏览:119
手机QQ怎么不能传文件 浏览:450
u盘复制文件的速度取决于什么 浏览:659
iphone4下拉通知栏 浏览:427
javasocket接收数据包 浏览:137
如何给类数据成员变量设置默认值 浏览:885
密集app怎么推广 浏览:866
WP7屏幕保护程序 浏览:568
win10双硬盘老蓝屏 浏览:986
怎么设置网站描述 浏览:274
微信压缩包可以发送多大文件 浏览:916
u盘打开很卡无法复制里面文件 浏览:143
app怎么删不掉 浏览:324
农村工作一号文件图片 浏览:598
锤子手机怎么样升级 浏览:706
微信朋友圈哲理说说 浏览:649
jscss模板 浏览:472
图片文件夹里多了一个 浏览:305
索尼a7r2配置文件 浏览:706
获取jsp中a中text 浏览:396

友情链接