常用的js代码
2014-06-30 18:11
113 查看
1.输入框输入提示代码
2.全选功能
<input name="keyword" type="text" value="请输入关键字" onFocus="this.value=''" onBlur="if(!value){value=defaultValue;}">
2.全选功能
<table> <tr><td><input type="checkbox" onclick="checkall(this)">全选</td></tr> <tr><td><input type="checkbox"></td></tr> <tr><td><input type="checkbox"></td></tr> <tr><td><input type="checkbox"></td></tr> </table>
//全选 、全不选 function checkall(obj){ var chk = document.getElementsByTagName("input"); for(var i=0;i<chk.length;i++){ if(chk[i].type =="checkbox"){ chk[i].checked = obj.checked; } } }
//全选 function selectAll(checkbox) { $('input[type=checkbox]').prop('checked',$(checkbox).prop('checked')); } <input type="checkbox" onclick="selectAll(this);" />全选<br/> <input type="checkbox" /><br/> <input type="checkbox" /><br/> <input type="checkbox" /><br/> <input type="checkbox" /><br/> <input type="checkbox" /><br/>
//反选 function isCheck(obj){ var chk = document.getElementsByTagName("input"); for (var i = 1; i < chk.length; i++) { if(chk[i].type =="checkbox"){ obj.checked =(obj.checked==true)?false:true; chk[i].checked=(chk[i].checked==true)?false:true; } } }
//全选 ---jquery实现 $("#checkAll").click(function() { $('input[name="subBox"]').attr("checked",this.checked); }); <input id="checkAll" type="checkbox" />全选 <input name="subBox" type="checkbox" />项1 <input name="subBox" type="checkbox" />项2 <input name="subBox" type="checkbox" />项3 <input name="subBox" type="checkbox" />项4
相关文章推荐
- 常用JS代码(二)
- web开发常用js及html代码
- js新手入门常用代码集锦
- web开发中常用的、做成cs文件的js代码
- [导入]一些web开发中常用的、做成cs文件的js代码 - 搜刮来的
- js控制窗口常用代码
- ASP.NET中常用的js代码
- 两个非常常用的日期JS代码
- JS常用代码笔记
- 常用限制input的方法的js代码
- js脚本常用代码
- 常用js代码备注.
- [JS代码]常用JS网页广告代码
- 网页常用JS/VBS代码
- 常用js代码,先暂时放关于时间函数
- 常用JS网页广告代码
- [JS代码]常用的JS语句
- js代码(经典+有用+常用)
- web开发中常用的、做成cs文件的js代码
- 常用js代码