最近遇到一个小小的问题,就是有时候我们使用单选radio的时候,会发现当我们选中一个之后,再也无法一个都不选了,即选中后没有取消的功能,此时便想到了功能强大的checkbox,但他是多选,怎么才能让他变成单选,效果跟radio一样呢,本菜鸟就自己写了个小程序,代码很简单,只有四行。 废话不多说,直接代码: 代码如下: 无标题文档 $(function(){ $(":checkbox").click(function(){ if($(this).attr("checked")!=undefined...
1、只允许输入数字2、只允许输入英文字母、数字和下划线(以下二种方法实现)3、只允许输入英文字母、数字和=@#4、只允许输入汉字1、只允许输入数字2、只允许输入英文字母、数字和下划线(以下二种方法实现)3、只允许输入英文字母、数字和=@#4、只允许输入汉字只能输入数字:"^[0-9]*$"。 只能输入n位的数字:"^\d{n}$"。 只能输入至少n位的数字:"^\d{n,}$"。 只能输入m~n位的数字:。"^\d{m,n}$" 只能输入零和非零开头的数字:"^(0|...
1. onchange事件与onpropertychange事件的区别: onchange事件在内容改变(两次内容有可能相等)且失去焦点时触发;onpropertychange事件是实时触发,每增加或删除一个字符就会触发,通过js改变也会触发该事件,但是该事件是IE专有。 2. oninput事件与onpropertychange事件的区别: oninput事件是IE之外的大多数浏览器支持的事件,在value改变时实时触发,但是通过js改变value时不会触发;onpropertychange事件是任何属性改变都会触...
1、只允许输入数字2、只允许输入英文字母、数字和下划线(以下二种方法实现)3、只允许输入英文字母、数字和=@#4、只允许输入英文大写字母和数字<input name="name" type="text" value="只录入大写字母和数字" style="color:gray" onfocus="this.value=;this.style.color=black" onkeyup="this.value=this.value.replace(/[^A-Z0-9]/gi,);this.value=this.value.toLocaleUpperCase();5、只允许输入汉字【过滤文字输入】TextField.res...
1 所属部门选择其他时 显示一个输入框进行填写#html${item.name} //js // 根据切换是否显示其他部门输入框function deptChange(){var deptid = $('#deptid').val();// alert('type:'+hytpye);if(deptid=='other'){$('#otherDept').show();}else{$('#otherDept').hide();}}
input: var xxx = $(#ID).val() --------------------------------------------------------------------------------- checkbox:var xxx = [ ]; $('input[name=MyName]:checked).each(function(index, element) { xxx.push($(element).val()); // 或者 xxx.push($(this).val()); });注意:这里没有基于ID,有些不严谨。如果你的checkbox元素是某个容器的子元素(假设容器的id为con_id),则可以这样选择: ======$('#con_id input...
$("form :input") 返回form中的所有表单对象,包括textarea、select、button等 $("form input")返回form中的所有input标签对象 form input 是属于层级选择器(将每一个选择器匹配到的元素合并后一起返回) form :input是属于表单选择器(匹配所有、、、元素)JavaScript教程/参考手册 JavaScript热搜 Auto.js自动收取自己和好友蚂蚁森林能量脚本Vue组件中prop属性使用说明实例代码详解自定义vue组件发布到npm的方法Vue利用...
1. js获取页面宽度高度及屏幕分辨率网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见区域宽:document.body.offsetWidth (包括边线的宽) 网页可见区域高:document.body.offsetHeight (包括边线的宽) 网页正文全文宽:document.body.scrollWidth 网页正文全文高:document.body.scrollHeight 网页被卷去的高:document.body.scrollTop 网页被卷去的左:document.body.scrollLeft 网...
分享下jQuery如何隐藏和显示 input 默认值的例子。jQuery 隐藏与显示 input 默认值 $("#email").focus(function(){ var email_txt = $(this).val(); if (email_txt == this.defaultValue) { $(this).val(""); } }) $("#email").blur(function(){ var email_txt = $(this).val(); if (email_txt == "") { $(this).val(this.defaultValue); } })
摘要: 现在有一个需求如图所示,当用户勾选显示明文复选框时,要以明文显示用户输入的密码,去掉勾选时要变回密文,刚开始想到的就是修改输入框的type来决定显示明文还是密文,使用jQuery的attr来做试验,测试结果是chrome,Firefox,ie9+都是好的,在ie8以下就会报错,查找了下原因,ie8中是不允许修改input的type属性,最终换了种思路实现。当勾选显示明文时替换输入框为type="text",不勾选时在将输入框替换为type="password",...
还好有propertychange(IE)和oninput事件。 oninput是标准浏览器的事件,一般应用于input元素,当input的value发生变化时就会发生,无论是键盘输入还是鼠标粘贴的改变都能即时监听到。 浏览器兼容IE9以下是不支持的。这个时候就要用到IE专有的propertychange事件。顾名思义,翻译过来叫属性变更事件,这个事件就比较强大了,不仅仅会监听到input的value属性,还包括其他标签的属性各种属性发生变化都会发生该事件,比如span元素的...
HTML页面钢琴曲名称: 演奏者: lt;/div> 属 性: 不限 流行钢琴曲 古典钢琴曲 爵士钢琴曲 钢琴练习曲 lt;/div>js页面//清空钢琴曲搜索条件 function clearsongs() { $("#search_songs_a :input").each(function () { $(this).val(""); }); $("input[name='info[gqq_shuxing]'][value='不限']").attr("checked",true); }
在深圳做项目的时候,需要一个用户上传头像预览的功能!是在网上找了好多,都不太满意。要么是flash的,要么是Ajax上传后返回图片路径的,要么压根就是不能用的。幸运的是在这个项目以前有人写过一个图片预览的功能,还被我给翻了出来,在这里做个记录,方便自己以后用,也方便其他需要的朋友! 代码很简单,如下:By:DragonDean//下面用于图片上传预览功能 function setImagePreview(avalue) { var docObj=document.getElementBy...
最近开发一个项目,需要实现用户在WEB表单里的多个INPUT框中输入数量后,立即自动计算加总各项输入的数量之和,并显示在指定的INPUT框中,这个功能实现的原理是简单的,就是只需要在INPUT的onchange事件中计算加总并将结果赋给指定的INPUT框中即可实现,代码如下:代码如下: $("input.syxcost").change(function(){computeReceivedsyxcost(); } function computeReceivedsyxcost(){ //计算加总var syxcost=0;$("input.syxcost").e...