Document

首页  >  文章  >  web前端  >  JS 小demo之个人信息添加实例代码分享

JS 小demo之个人信息添加实例代码分享

零下一度
零下一度原创
2017-06-26 09:48:031521浏览

以下是简易效果:




<元字符集=“UTF-8”>
<标题>文档

<正文>
<标题>


;
男选项>
女选项>










操作








;id 姓名 年龄 性别
>';


/* 绑定事件 */
var a = tr.querySelectorAll('a');
var check = tr.querySelector('input');
/*选中单个时间,操作整体书否全选 */
check.onchange = setCheckAll;

tFootChild[0].checked = false;


/* 上移 */
a[0].onclick = function(){
if(tr.previousElementSibling){
tBody.insertBefore(tr,tr.previousElementSibling);
} else {
//alert ("已经是第一个了");
tBody.appendChild(tr);
}
};
/* 下移 */
a[1].onclick = function (){
if(tr.nextElementSibling){
tBody.insertBefore(tr.nextElementSibling,tr);
} else {
//alert("已经是第一个了");
tBody.insertBefore(tr,tBody.rows[0]);
}
};
/*删除 */
a[2].onclick = function(){
tBody.removeChild(tr);
setCheckAll();
};
/* 插入元素 */
tBody.appendChild(tr);
};
tFootChild[0 ].onchange = function(){
/*操作所有组成的全选和全不选*/
var checks = tBody.querySelectorAll('input');
var _this = this;
checks.forEach(function(value){
value.checked = _this.checked;
});

};

/*删除选中 */
tFootChild[1].onclick = function(){
/*操作 所有复选框的全选和全不选*/
var checks = tBody.querySelectorAll('input');
var _this = this;
checks.forEach(function(value){
if(value.checked){
tBody.removeChild(value.parentNode.parentNode);
}
});
};


/*设置全选*/
function setCheckAll(){
tFootChild[0].checked = getCheckAll();
}
/* 获取这一组的check是否全部选中 */
function getCheckAll(){
var checks = tBody.querySelectorAll('input');
for(var i = 0; i < checks.length;i ){
if(!checks[i].checked){
return false;
}
}
return true;
}
})();


以上是JS 小demo之个人信息添加实例代码分享的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn