今天总算把部门多选的效果整出来 见图: 先共享核心代码: 1:js脚本 代码如下: var treeHTML = ""; var checkList = new Array(); /*only init here*/ var barString = "└";/*┝└*/ var degreeString = " "; function makeTree(id,text,value,parentid,isCheck) { this.id = id; this.text = text; this.value = value; this.parentid = parentid; this.isCheck=isCheck; } function dispCheck(option,degree) { for (var i=1...
重写 代码如下: //解决checkboxgroup回填数据问题 Ext.override(Ext.form.BasicForm,{ findField : function(id){ var field = this.items.get(id); if(!field){ this.items.each(function(f){ if(f.isXType(radiogroup)||f.isXType(checkboxgroup)){ f.items.each(function(c){ if(c.isFormField && (c.dataIndex == id || c.id == id || c.getName() == id)){ field = c; return false; } }); } if(f.isFormField && (f.dataInd...
本文介绍了一个较为通用的获取 checkbox 值的方法,希望对新手有用。 代码如下: // 说明: 用 Javascript 验证表单(form)中多选框(checkbox)的值 // 作者: CodeBit function getCheckboxValue(checkbox) { if (!checkbox.length && checkbox.type.toLowerCase() == 'checkbox') { return (checkbox.checked)?checkbox.value:''; } if (checkbox[0].tagName.toLowerCase() != 'input' || checkbox[0].type.toLowerCase() != 'c...
在下面浏览器下测试通过:Firefox, IE7, IE8, Google浏览器。 (IE6还是算了吧),其它浏览器还没试过。 目前刚添加了4个皮肤,添加新皮肤非常方便,您可以参考已添加的皮肤图片和css代码,相信您会很快搞定。 效果截图: 一、在没有使用LazyForm的情况下,在XP下运行截图如下 二、使用LazyForm(皮肤Blue)效果如下三、使用LazyForm(皮肤Black)效果如下四、皮肤Default五、皮肤Graydemo.html代码如下: 代码如下: demo-lazyform ...
jQuery的选择器真的好强大,好灵活。 javascript的原始方法也值得研究。 代码如下: 获得CheckBoxList选中的数量(jQuery与Javascript对照学习/前台与后台) //jQuery的方法(王君) $(function(){ $("#chkBox").click(function(){ alert($("#chkBox input[@type=checkbox]:checked").size()); }); }); //javacript方法(候林) function f(){ var a=document.getElementsByTagName('input') var num=0; for(var i=0;iif(a[i].type=...
运行后查看效果,需要刷新下。jquery事件2 你最喜欢的体育运动是? 你的姓名: 足球 篮球 兵乓球 游泳 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关 获取一组radio被选中项的值 var item = $('input[@name=items][@checked]').val(); 获取select被选中项的文本 var item = $("select[@name=items] option[@selected]").text(); select下拉框的第二个元素为当前选中值 $('#select_id')[0].selectedIndex = 1; radio单选组的第二个元素为当前选中值 $('input[@name=items]').get(1).che...
jQuery版本:1.3.2 代码如下: 1 2 3 4 全选/取消全选 $("#chk_all").click(function(){ $("input[name='chk_list']").attr("checked",$(this).attr("checked")); }); jQuery.attr 获取/设置对象的属性值,如: 代码如下: $("input[name='chk_list']").attr("checked"); //读取所有name为'chk_list'对象的状态(是否选中) $("input[name='chk_list']").attr("checked",true); //设置所有name为'chk_list'对象的checked为...
本文涉及到的图片 body { margin: 0px; padding: 0px; font-size: 13px; } .input_style { padding: 6px 0px; width: 600px; margin: 0px auto; border-bottom: #666666 1px dotted; } .input_style span { display: inline-block; width: 15px; height: 15px; text-align: left; vertical-align: middle; _overflow: hidden; } .input_style label { padding: 0px 6px; cursor: pointer; } .input_style input { cursor: pointer;...
代码如下: 全选 全选 代码如下: function selectCheckBoxes(domId,value) { var inputs = document.getElementById(domId).getElementsByTagName("input"); for(var i = 0; i if (inputs[i].type == 'checkbox') { inputs[i].checked=value; } } } 将以上代码放到body里即可。JavaScript教程/参考手册 JavaScript热搜 vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query动态传参...
代码如下: 1 2 3 4 全选/取消全选 $("#chk_all").click(function(){ $("input[name='chk_list']").attr("checked",$(this).attr("checked")); }); 下面的代码是获取上面实例中选中的checkbox的value值: 代码如下: var arrChk=$("input[name='chk_list'][checked]"); $(arrChk).each(function(){ window.alert(this.value); }); }); JavaScript教程/参考手册 JavaScript热搜 vue2.0 移动端实现下拉刷新和上...
代码如下: var chkbox = document.createElement("INPUT"); chkbox.type = "checkbox"; chkbox.checked=true; lnk.parentNode.appendChild(chkbox); 以上代码在IE7下,生成的Checkbox无法正确的打上勾。 原因是 chkbox控件还没初始化(appendChild),就开始操作它的结果 据此将代码改为即可正确显示: 代码如下: var chkbox = document.createElement("INPUT"); chkbox.type = "checkbox"; lnk.parentNode.appendChild(chkbox); c...
无标题文档 var tem = ""; function checkAll(e,itemName,thisvalue) { tem= document.getElementById("arrayid").value; var aa=document.getElementsByName(itemName); var bb=document.getElementById('arrayid'); if(e.checked==true){ tem += thisvalue+","; } else{ tem = tem.replace(thisvalue+",",""); } bb.value=tem; for (var i=0; i [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
代码如下: $("document").ready(function(){ $("#btn1").click(function(){ $("[name='checkbox']").attr("checked",'true');//全选 }) $("#btn2").click(function(){ $("[name='checkbox']").removeAttr("checked");//取消全选 }) $("#btn3").click(function(){ $("[name='checkbox']:even").attr("checked",'true');//选中所有奇数 }) $("#btn4").click(function(){ $("[name='checkbox']").each(function(){//反选 if($(this).a...
代码如下: function OnTreeNodeChecked() { var ele = event.srcElement; if (ele.type == checkbox) { var childrenDivID = ele.id.replace(CheckBox, Nodes); var div = document.getElementById(childrenDivID); if (div != null) { var checkBoxs = div.getElementsByTagName(INPUT); for (var i = 0; i < checkBoxs.length; i++) { if (checkBoxs[i].type == checkbox) checkBoxs[i].checked = ele.checked; } } OnTreeNodeCh...