您的位置:首页 > Web前端 > JavaScript

常用的js代码

2014-06-30 18:11 113 查看
1.输入框输入提示代码

<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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: