1、checkbox list选择 效果图:代码: 代码如下: $(function () { // 全选 $("#btnCheckAll").bind("click", function () { $("[name = chkItem]:checkbox").attr("checked", true); }); // 全不选 $("#btnCheckNone").bind("click", function () { $("[name = chkItem]:checkbox").attr("checked", false); }); // 反选 $("#btnCheckReverse").bind("click", function () { $("[name = chkItem]:checkbox").each(function (...
在提交添加或修改内容时,需要对关键数据进行判空处理,如何在js中判断checkboxlist是否有选择项呢? 具体操作如下: 代码如下: var CheckBox = document.getElementById("").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; } }
jQuery操作listbox原理并不难,就是将listbox中的选中项进行移动,实现我们需要的移动效果。我在例子中使用了json数据结构来动态绑定listbox,这样也可以熟悉一下json的使用方法。先看看简单的html,因为服务器控件会自动转换为html标签,所以在例子中,我并没有用服务器控件。如下: 会自动转换成: html代码如下: 代码如下: >" /> json数据结构如下: 代码如下: //data var vData = { "datalist": [ { "data":...
代码如下: $(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 + ""; }); $("#SchoolId").html(it...
代码如下:/* * 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...
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自然就跟数组一样的访问罗...
aspx页面代码:通过点击GridView中的a标签获取被点击行中的下拉框和文本框中的值 代码如下: 保密 男 女 Save jquery代码: 代码如下: function Save(obj) { var tr = $(obj).parent().parent(); //获取点击行的 tr tr.find("td").eq(3).find("select").val(); //获取点击行中的第四列 DropDownList1 的选择Value tr.find("td").eq(3).find("select").text(); //获取点击行中的第四列 DropDownList1 的选...
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")...
代码分析 代码如下: $("#").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 (arr[i] == true) { arrT...
代码如下: a b 代码如下:
要从列表框同时删除多个项目,我们不能从上到下的删除,因为上面的项目每删除一个,下面的项目的索引号就会变化,所以只能从下向上删除,这样就不会出现索引号乱变的问题了。 html代码 代码如下: India United States China Italy Germany Canada France United Kingdom Delete Reset javascript代码如下: 代码如下: function listbox_remove(sourceID) { //get the listbox object from id. var src = document.g...
代码如下: list测试 注1:左右移动进行选取 注:本页面仅在IE6/FireFox1.5下测试过。其它浏览器或其它版本未经测试。 //上移 function moveUp() { var theObjOptions = document.frm.ObjSelect.options; for (var i = 1; i if (theObjOptions[i].selected && !theObjOptions[i - 1].selected) { swapOptionProperti...
代码如下:/** * 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 指定元素...
代码如下: function JsListChangeItem() { document.getElementById("buttonShow").click(); } .cs 代码如下: protected void Page_Load(object sender, EventArgs e) { listBox1.Attributes.Add("ondblclick", "JsListChangeItem()");//为listBox1添加双击事件。 } JavaScript教程/参考手册 JavaScript热搜 自定义vue组件发布到npm的方法Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉...
相关JS: 代码如下: function SearchChange() { var ddl = document.getElementById("DropDownList1") var index = ddl.selectedIndex; var Value = ddl.options[index].value; var Text = ddl.options[index].text; alert(Value); } 调用: 代码如下: 111 222 333JavaScript教程/参考手册 JavaScript热搜 自定义vue组件发布到npm的方法Vue利用canv...