代码如下:<html><head> <meta http-equiv="Content-Type " content="text/html; charset=gb2312 "> <title>list测试</title></head><body> <div style="font-size: 10pt;"> 注1:左右移动进行选取 <br /> <br /> 注:本页面仅在IE6/FireFox1.5下测试过。其它浏览器或其它版本未经测试。 <br /> <hr /> </div> <form name="frm"> <table> <tr> <t...
代码如下:/** * js模拟java中的List */ var list = new Array(); /** * 添加 * @param {Object} object */function add(object) { list[list.length] = object;} /** * 移除此列表中指定位置上的元素。 * @param index 指定位置 * @return 此位置的元素 */function removeIndex(index) { var object = this.list[index]; this.list.splice(index, 1); return object;} /** * 移除此列表中指定元素。 * @param object 指定元素...
举例 <div id="div1"> <div id="div2"> <div id="div3"> <div id="div4"> </div> </div> </div></div> 如果在 d3 上点击鼠标,事件流是这样的: 捕获阶段 在 div1 处检测是否有 useCapture 为 true 的事件处理程序,若有,则执行该程序,然后再同样地处理 div2。 目标阶段 在 div3 处,发现 div3 就是鼠标点击的节点,所以这里为目标阶段,若有事件处理程序,则执行该程序,这里不论 useCapture 为 true 还是 fa...
要从列表框同时删除多个项目,我们不能从上到下的删除,因为上面的项目每删除一个,下面的项目的索引号就会变化,所以只能从下向上删除,这样就不会出现索引号乱变的问题了。 html代码 代码如下:<table> <tr> <td align="center"> <select id="lsbox" name="lsbox" size="10" multiple> <option value="1">India</option> <option value="2">United States</option> <option value="3">China</option> <option value="4">Italy</o...
代码如下:<pre class="html" name="code"> <%--Body 代码--%> <div> <asp:RadioButtonList ID="RadioButtonList1" runat="server"> <asp:ListItem Value="A">a</asp:ListItem> <asp:ListItem Value="B">b</asp:ListItem> </asp:RadioButtonList> <asp:RadioButton ID="RadioButton1" GroupName="RBtn" Text="男" runat="server" Checked="true" /> <asp:RadioButton ID="RadioButton2" GroupName="RBtn" Text="女" runat="server" ...
代码分析 代码如下:$("#<%= ibSubmit.ClientID%>").click(function() { var flag = true; //alert($("table[id^=ctl]").length); //创建一个checked的arr数组,用于存储每个radiobutton的checked情况 var arr = new Array; $("table[id^=ctl] input[type=radio]").each(function(i) { arr.push(this.checked); }); //然后再创建一个arrTrue数组,用于过滤false的arr数组 var arrTrue = new Array; $.each(arr, function(i) { if (...
1. 获取选中项: 代码如下:获取选中项的Value值: $(select#sel option:selected).val(); 或者 $(select#sel).find(option:selected).val(); 获取选中项的Text值: $(select#seloption:selected).text(); 或者 $(select#sel).find(option:selected).text(); 2. 获取当前选中项的索引值: 代码如下:$(select#sel).get(0).selectedIndex; 3. 获取当前option的最大索引值: 代码如下:$(select#sel option:last).attr("index") 4...
aspx页面代码:通过点击GridView中的a标签获取被点击行中的下拉框和文本框中的值 代码如下:<asp:GridView ID="GridView1" runat="server"> <Columns> <asp:BoundField HeaderText="ID" DataField="ID" /> <asp:BoundField HeaderText="Name" DataField="ID" /> <asp:BoundField HeaderText="Url" DataField="ID" /> <asp:TemplateField> <ItemTemplate> <asp:DropDownList ID="DropDownList1" runat="server"> <asp:ListItem Valu...
Map (exMap:{"name":"abc","sex",'male'}): 在不知道key的情况下遍历map: 网上说过这种方法: 代码如下:for(var key in exMap){ Console.write("key:"+key+";value:"+exMap[key]);//经我考证,the key is undefined.So the method is not right. } 另外一种方法(Good): 代码如下:$.each(exMap,function(key,value){ Console.wiite("key:"+key+";value:"+value); }); 在知道的key的情况下遍历map自然就跟数组一样的访问罗,...
代码如下:/* * MAP对象,实现MAP功能 * * 接口: * size() 获取MAP元素个数 * isEmpty() 判断MAP是否为空 * clear() 删除MAP所有元素 * put(key, value) 向MAP中增加元素(key, value) * remove(key) 删除指定KEY的元素,成功返回True,失败返回False * get(key) 获取指定KEY的元素值VALUE,失败返回NULL * element(index) 获取指定索引的元素(使用element.key,element.value获取KEY和VALUE),失败返回NU...
代码如下:$(document).ready(function () { loadSchools(); }); function loadSchools() { var url = "@Url.Action("GetSchools")"; $.ajax({ url: url, type: "GET", dataType: "json", error: function () { alert("Error"); }, success: function (data) { var items = ""; $.each(data, function (i, school) { items += "<option value=\"" + school.SchoolId + "\">" + school.SchoolName + "</option>"; }); $("#SchoolId")...
jQuery操作listbox原理并不难,就是将listbox中的选中项进行移动,实现我们需要的移动效果。我在例子中使用了json数据结构来动态绑定listbox,这样也可以熟悉一下json的使用方法。先看看简单的html,因为服务器控件会自动转换为html标签,所以在例子中,我并没有用服务器控件。如下: <asp:ListBox></asp:ListBox> 会自动转换成:<select></select> html代码如下: 代码如下:<div style="width:240px;"> <div style="width:100px;...
在提交添加或修改内容时,需要对关键数据进行判空处理,如何在js中判断checkboxlist是否有选择项呢? 具体操作如下: 代码如下:var CheckBox = document.getElementById("<%=cblWeek.ClientID %>").getElementsByTagName("INPUT"); if (CheckBox != undefined) { var i = 0; var j = 0; for (i = 0; i < CheckBox.length; i++) { if (CheckBox[i].checked) { j += 1; } } if (j == 0) { alert("请选择星期!"); return false; } }
1、checkbox list选择 效果图:代码: 代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script src="Scripts/jquery-1.7.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { // 全选 $("#btnCheckAll").bind...
HTML代码 代码如下:<asp:RadioButtonList ID="rbtnCompany" runat="server" RepeatColumns="4" RepeatDirection="horizontal"> <asp:ListItem Value="1" Text="A"></</SPAN>asp:ListItem> <asp:ListItem Value="2" Text="B"></</SPAN>asp:ListItem> <asp:ListItem Value="3" Text="C"></</SPAN>asp:ListItem> <asp:ListItem Value="4" Text="D"></</SPAN>asp:ListItem> <asp:RadioButtonList> <input id="Button1" type="button" ...