Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Vùng nhập liệu » Ẩn/hiện vùng nhập liệu với JavaScript hướng đối tượng
URL: https://www.javascriptbank.com/javascript-oop-with-input-display-toggle.html
Công dụng của đoạn mã JavaScript này đơn giản chỉ là thay đổi hiển thị (ẩn/hiện) các vùng nhập liệu mỗi khi người dùng nhấn chọn các dấu kiểm tương ứng. Nhưng hiệu ứng JavaScript này được lập trình theo hướng đối tượng (OOP), một ví dụ JavaScript mẫu khá hữu ích để làm quen với JavaScript OOP.
Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Vùng nhập liệu » Ẩn/hiện vùng nhập liệu với JavaScript hướng đối tượng
URL: https://www.javascriptbank.com/javascript-oop-with-input-display-toggle.html
<script type="text/javascript">// Created by: Fang | http://www.webdeveloper.com/forum/showthread.php?p=872326#post872326// This script downloaded from www.JavaScriptBank.comfunction addElement() {var aInput=document.getElementById('myspan').getElementsByTagName('input');for(var i=0; i<aInput.length; i++) { aInput[i].onclick=new Function('addDelete(this)'); }}function addDelete(obj) {var parentSpan=document.getElementById('myspan');if(obj.nextSibling.nodeName!='INPUT') { // add var oInputText=document.createElement('input'); oInputText.setAttribute('type', 'text'); parentSpan.insertBefore(oInputText, obj.nextSibling); }else { // delete parentSpan.removeChild(obj.nextSibling); }}// Multiple onload function created by: Simon Willison// http://simonwillison.net/2004/May/26/addLoadEvent/function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { if (oldonload) { oldonload(); } func(); } }}addLoadEvent(function() { addElement();});</script><span id="myspan"> <input type="checkbox"> <input type="checkbox"> <input type="checkbox"></span>