1 通常网页上一个文本框中按回车,直接提交form表单 其实是触发了,提交按钮的focus ,同时触发单击事件
<input type="text" value=" 文本框" id="btn" /> <input type="button" value="弹出框" id="btn2" /> <script language="javascript" src="/js/jquery-1.9.1.min.js"></script> <script type="text/javascript"> //回车提交 $('#btn').keydown(function(e){ if(e.keyCode==13){ $('#btn2').focus(); } }); $('#btn2').click(function(){ alert('触发按钮单击事件'); }); $('#btn2').focus(function(){ $('#btn2').val('触发按钮focus事件') }); </script>
2 在输入框输入数据的时候 ,给用户焦点提示
.labelfocus{ color: #222; font-weight: bold; text-shadow: 0px 0px 5px #222; } <form id="form" action=""> <label for="search">Search: </label><input type="text" name="search" id="search" value="" /> <input type="submit" value="search" id="gbsearch" /> </form> $(function(){ $("#form :input").focus(function() { $("label[for='" + this.id + "']").addClass("labelfocus"); }).blur(function() { $("label").removeClass("labelfocus"); }); });
3 select级联操作
$(function(){ $("#selectProvince").change(function(){ $.getJSON("/select.php",{id: $(this).val(), ajax: 'true'}, function(j){ var options = ''; for (var i = 0; i < j.length; i++) { options += '<option value="' + j[i].optionValue + '">' + j[i].optionDisplay + '</option>'; } $("#selectCity").html(options); }) }) })
4 checkbox 操作 $(obj).attr("checked") jquery-1.9.1版本不支持$(obj).attr("checked") 1.4版本支持
<input type="checkbox" name="all" id="all" onclick="selectAll(this)"/> <input type="checkbox" name="uids" value="2"/> <input type="checkbox" name="uids" value="3"/> <input type="checkbox" name="uids" value="4"/> //全选 function selectAll( obj ){ if($(obj).attr("checked")){ $("input[name='uids']").attr("checked","true"); }else{ $("input[name='uids']").removeAttr("checked");; } } 获得所欲选中的checkbox对象 $('input[name="checkBoxNames"]:checked')
相关推荐
使用javascript实现checkbox级联选择
实现树形结构的CheckBox的子节点选中所有父级节点,级联选择功能,内有具体案例
主要介绍了jQuery实现的checkbox级联选择下拉菜单效果,涉及jQuery鼠标事件响应及表格table动态操作的相关技巧,需要的朋友可以参考下
带CheckBox和级联操作的Tree 带CheckBox和级联操作的Tree 带CheckBox和级联操作的Tree
flex tree+checkbox可实现级联勾选
jquery checkbox 选中 取消 checkbox多选
jQuery的高性能TreeView源码(带CheckBox) 1:支持静态的树,即一次性将全部数据加载到客户端。 2:异步树,即一次只加载一级或若干级节点,子节点可以异步加载数据。 3:Checkbox树(可能是静态树也可能是异步树...
纯JS+HTML写的checkBox Tree 级联选中 好用无BUG 1 选上级,自动选下级 2 选下级,自动选上级 在网上找的其他例子,都有BUG,本程程序绝对可用,放心下载!
这个例子可实现二级联动 比如:口1.xxxx 口xxx 口xxx 口xxx 选中1.xxxx时,会自动将其对应的3个子项选中.
自动动手写了个操作checkbox,里面包括全选、全不选、反选、获取选中值四个功能...
C#.net下通jQuery实现的由CheckBox来控件CheckBoxList的全选操作,通过CheckBox来全选CheckBoxList,当有一个CheckBoxList选中时,CheckBox则被选中,且并且可以取得选中的CheckBox和CheckBoxList的value和text
JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值
CheckBox分级选中 复选框 上下级 联动
主要介绍了使用jQuery+EasyUI实现CheckBoxTree的级联选中特效的相关资料,需要的朋友可以参考下
工作中常用的jQuery表单操作:$("input[name='checkbox_name'][checked]"); //选择被选中CheckBox元素的集合 $("#checkbox_id").attr("checked",true);设置一个CheckBox的状态为选中
html checkbox cash 表单提交checkbox 多选
jQuery基于layui插件制作checkbox复选框选中代码,权限范围多选、单选、全选代码;checkbox父级子级结构,父级选中,子级全选,子级没有选中父级取消选中效果。
jQuery_treetable实现checkbox树,实现多级联动,适用于权限树等各类需要树形结构数据的场景
checkbox 用shift键 级联选择 只需在checkbox 按钮上一个事件