Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Nhờ các bạn chỉ giúp mình mình bài tập HTML + Javascript này.

Chủ đề thuộc danh mục 'HTML - CSS - JS - PHP - ASP' được đăng bởi tieuconuong, 8/6/17.

Lượt xem: 4,646

  1. tieuconuong Thành viên cấp 2

    [​IMG]

    [​IMG]
    Về tạo form và HTML em có làm được rồi nhưng tới phần nhập xuất dữ liệu bằng Javascript em ko biết nó nằm ở đâu cả
    CÂu hỏi bài tập là
    1. khi nhấn add thì thông tin ở trên mình có thể add thêm vào table và nó hiện ra bên dưới
    2. khi nhấn check thì nó hiện bảng thể hiện các thông tin mình add ở trên theo thứ tự 1,2,3 và đủ các thông tin họ tên, ngày sinh, email, sdt

    Mấy anh chị giúp em phần code với

    ...
    Chỉnh sửa lần cuối: 8/6/17
  2. lichandroid

    lichandroid Thành viên cấp 1

    Các input có ID, bắt sự kiện onclick cho button Add, rồi dùng
    document.getElementById() lấy giá trị trong các input và add vào table thôi
  3. hoangduyanh

    hoangduyanh Thành viên cấp 1

    // Lấy thông tin
    var HoTen = document.getElementById('id textbox hoten').value;
    var NgaySinh = document.getElementById('id textbox ngay sinh').value;
    var Email = document.getElementById('id textbox email').value;
    var SDT = document.getElementById('id textbox sdt').value;

    // Thêm vào bảng

    // @index 0,1,2,...
    function insertCell(index, value, row){
    var column = row.insertCell(index);
    var text = document.createTextNode(value);
    column.appendChild(text);
    }

    // Thẻ table có tbody nhé
    var tBody = document.getElementById('id table').getElementsByTagName('tbody')[0];
    var tRow = tBody.insertRow(tBody.rows.length);
    var STT = tBody.rows.length + 1;

    insertCell(0, STT, tRow);
    insertCell(1, HoTen, tRow);
    insertCell(2, Email, tRow);
    insertCell(3, SDT, tRow);

    Nếu giúp được cho bạn thì nhớ like mình nhé ^^ Nút check bạn tự xử, gợi ý là
    document.getElementById(), xong thì gán cho innerText hoặc innerHtml.
    Chỉnh sửa lần cuối: 27/6/17
    tieuconuong thích bài viết này
  4. tieuconuong

    tieuconuong Thành viên cấp 2

    Thank bạn nhiều nha

Ủng hộ diễn đàn