HTML DOM Input Checkbox name Thuộc tính

Thuộc tính tên Hộp kiểm đầu vào HTML DOM trả về một chuỗi, là giá trị của thuộc tính tên của hộp kiểm đầu vào. Người dùng cũng có thể đặt nó thành một chuỗi mới.

Cú pháp

Sau đây là cú pháp -

Giá trị chuỗi trả về

inputCheckboxObject.name

Đặt tên thuộc tính cho một giá trị chuỗi

inputCheckboxObject.name = ‘String’

Ví dụ

Hãy để chúng tôi xem một ví dụ về thuộc tính tên Hộp kiểm nhập -

<!DOCTYPE html>
<html>
<head>
<title>Name Attribute of Checkbox</title>
</head>
<body>
<form id="Form">
<div>
Enable new name: <input id="formID" type="checkbox" name="formID">
</div>
</form>
<button onclick="getFormID()">Change Name Attribute</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 = 'Updated value of name attribute: '+oldNameAttr.name;
      } else {
         newNameAttr.textContent = 'Check the checkbox'+ ', current value of name attribute: '+oldNameAttr.name ;
      }
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Trước khi chọn 'Bật tên mới' hộp kiểm -

HTML DOM Input Checkbox name Thuộc tính

Sau khi chọn ‘Bật tên mới’ hộp kiểm -

HTML DOM Input Checkbox name Thuộc tính