Computer >> Máy Tính >  >> Lập trình >> HTML

HTML DOM Input Checkbox type Thuộc tính

Thuộc tính Loại hộp kiểm đầu vào trả về / đặt loại Hộp kiểm đầu vào.

Cú pháp

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

  • Giá trị chuỗi trả về
inputCheckboxObject.type
  • Cài đặt loại thành giá trị chuỗi
inputCheckboxObject.type = stringValue

Giá trị chuỗi

Ở đây, “stringValue” có thể là như sau -

stringValue Chi tiết
hộp kiểm Nó xác định loại đầu vào là hộp kiểm
radio Nó xác định loại đầu vào đó là radio
text Nó xác định loại đầu vào là văn bản

Ví dụ

Hãy để chúng tôi xem ví dụ về Loại hộp kiểm nhập tài sản -

<!DOCTYPE html>
<html>
<head>
<title>Type Attribute of Checkbox</title>
</head>
<body>
<form id="Form">
<div>
Other: <input id="formCheckbox" type="checkbox" name="formCheckbox">
</div>
</form>
<button onclick="changeType()">Change type of input</button>
<div id="displayDiv"></div>
<script>
   var typeOfInput = document.getElementById("formCheckbox");
   var displayDiv = document.getElementById("displayDiv");
   displayDiv.textContent = 'Type of Input: ' + typeOfInput.type function changeType(){
      if(typeOfInput.type == 'checkbox'){
         typeOfInput.type = 'text' displayDiv.textContent = 'Type of Input: ' + typeOfInput.type
      }
   }
</script>
</body>
</html>

Đầu ra

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

Trước khi nhấp vào nút "Thay đổi loại đầu vào" -

HTML DOM Input Checkbox type Thuộc tính

Sau khi nhấp vào nút "Thay đổi loại đầu vào" -

HTML DOM Input Checkbox type Thuộc tính