主要功能:点击复选框的时候 即时显示选择的值 <script src="js/jquery-1.4.2.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("input[name=names]").click(function () {
var arr = new Array(); $("input[name=names]:checked").each(function (key, value) { arr[key] = $(value).val(); });
$("#msgNames").text("共选中" + arr.length + "项:" + arr.join(","));
});});
</script> <input type="checkbox" name="names" value="tom" />tom
<input type="checkbox" name="names" value="jim" />jim
<input type="checkbox" name="names" value="" />
<input type="checkbox" name="names" value="travis" />travis
<input type="checkbox" name="names" value="barly" />barly
<p id="msgNames"></p>首先页面是html时候运行正常
但是改为aspx时候不知道如何改jquey代码 感觉jquery无法操作服务端控件 <form id="form1" runat="server">
<asp:CheckBox ID="CheckBox1" name="names" value="tom" runat="server" />
<asp:CheckBox ID="CheckBox2" name="names" value="jim" runat="server" />
<asp:CheckBox ID="CheckBox3" name="names" value="" runat="server" />
<asp:CheckBox ID="CheckBox4" name="names" value="travis" runat="server" />
<asp:CheckBox ID="CheckBox5" name="names" value="bakerly" runat="server" />
<br />
<asp:Label ID="msgNames" runat="server" Text=""></asp:Label>
<script type="text/javascript">
$(function () {
$("input[name=names]").click(function () {
var arr = new Array(); $("input[name=names]:checked").each(function (key, value) { arr[key] = $(value).val(); });
$("#msgNames").text("共选中" + arr.length + "项:" + arr.join(","));
});});
</script> <input type="checkbox" name="names" value="tom" />tom
<input type="checkbox" name="names" value="jim" />jim
<input type="checkbox" name="names" value="" />
<input type="checkbox" name="names" value="travis" />travis
<input type="checkbox" name="names" value="barly" />barly
<p id="msgNames"></p>首先页面是html时候运行正常
但是改为aspx时候不知道如何改jquey代码 感觉jquery无法操作服务端控件 <form id="form1" runat="server">
<asp:CheckBox ID="CheckBox1" name="names" value="tom" runat="server" />
<asp:CheckBox ID="CheckBox2" name="names" value="jim" runat="server" />
<asp:CheckBox ID="CheckBox3" name="names" value="" runat="server" />
<asp:CheckBox ID="CheckBox4" name="names" value="travis" runat="server" />
<asp:CheckBox ID="CheckBox5" name="names" value="bakerly" runat="server" />
<br />
<asp:Label ID="msgNames" runat="server" Text=""></asp:Label>
解决方案 »
- 【asp.net]】如何限制从URL输入路径进入后台
- 12306的这个表是怎么实现表头固定,表体滚动效果的?
- ??/
- 数据岛的组建问题?有经验的指导一下,和我一样的进来顶一下
- 自己做的《FCKeditor 的symbol 插件》,替代官方的
- Server.transfer 和response.redirect的区别
- 现在我知道一棵树的子接点,现在要找到它的第一个父亲,如何找(也就是如何判断对象为空的情况)
- 主框架A中包括框架B和框架C,怎么在C包含的页面中调用B包含的页面里的javascript函数?
- 如何將一個頁面中的DataGrid中的一行傳遞給另一個頁面使用﹖
- 动态生成TextBox和Label的问题,来着有分,欢迎大家讨论!
- 获取gridview选中行
- 求助,asp.net(c#) web程序光阵仪器应用
这个js代码要放在body里,放在head里会报错
少写了个=
至于jquery操作失败的原因,你用浏览器打开查看源文件后看看那些asp控件在页面生成的元素,它们的属性是不是有变化,你应根据生成的页面元素的属性值来获取控件才能成功
<asp:CheckBox ID="CheckBox1" name="names" value="tom" runat="server" />
<asp:CheckBox ID="CheckBox2" name="names" value="jim" runat="server" />
<asp:CheckBox ID="CheckBox3" name="names" value="" runat="server" />
<asp:CheckBox ID="CheckBox4" name="names" value="travis" runat="server" />
<asp:CheckBox ID="CheckBox5" name="names" value="bakerly" runat="server" />
</div>var k = $("#div_list :checked").length; 这一句代码就可以搞定选择了多少个if($("#div_list :checkbox").attr("checked")== true)
{
//选中
}
大哥 html标签(input这样的)放在aspx这样的页面会不会有影响?.net的控件在服务端 这些html控件都不是在服务端
html元素如果runat="server",一样会在服务端生成相应的对象,但是前台元素与服务端的控件对象的联系仅仅在服务端向客户端发送html页面文本时(这些生成的控件对象包括asp控件类都是页面对象的成员,而页面对象的生存期是服务端接收到请求(Ajax,后台事件)至向客户端发送服务器响应)