Thuộc tính name của HTML DOM Input Checkbox trả về một chuỗi, là giá trị thuộc tính name của input checkbox. Người dùng cũng có thể thiết lập nó thành một chuỗi mới.
Cú pháp
Cú pháp như sau:
- Lấy giá trị chuỗi:
inputCheckboxObject.name
- Thiết lập thuộc tính name thành giá trị chuỗi:
inputCheckboxObject.name = ‘Chuỗi’
Ví dụ
Dưới đây là ví dụ về thuộc tính name của Input Checkbox:
<!DOCTYPE html> <html> <head> <title>Thuộc tính Name của Checkbox</title> </head> <body> <form id="Form"> <div> Bật tên mới: <input id="formID" type="checkbox" name="formID"> </div> </form> <button onclick="getFormID()">Thay đổi thuộc tính Name</button> <div id="nameAttr"></div> <script> function getFormID(){ var oldNameAttr = document.getElementById("formID"); var newNameAttr = document.getElementById("nameAttr"); if(oldNameAttr.checked == true){ oldNameAttr.name = 'newFormID'; newNameAttr.textContent = 'Giá trị cập nhật của name: '+oldNameAttr.name; } else { newNameAttr.textContent = 'Chọn checkbox'+ ', giá trị hiện tại của name: '+oldNameAttr.name ; } } </script> </body> </html>
Kết quả
Đoạn mã trên sẽ cho kết quả như sau:
Trước khi chọn checkbox 『Bật tên mới』:
Sau khi chọn checkbox 『Bật tên mới』:
