資料結構
網路
關係型資料庫
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 語言
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
時尚學
法律學HTML DOM 輸入 Checkbox required 屬性
Input Checkbox required 屬性確定 Input Checkbox 是否必須檢查。
語法
以下是語法 −
- 返回布林值 - true/false
inputCheckboxObject.required
- 將 required 設定為 booleanValue
inputCheckboxObject.required = booleanValue
布林值
在此，“booleanValue”可以是以下內容 −
| booleanValue | 詳細資訊 |
|---|---|
| true | 它定義在提交表單時必須選中該複選框。 |
| false | 這是預設值並且選中不是強制的。 |
示例
讓我們看一個輸入複選框 required屬性的示例 −
<!DOCTYPE html>
<html>
<head>
<title>Required Attribute of Checkbox</title>
</head>
<body>
<form id="Form">
<div>
Check me ! I am required: <input id="formCheckbox" type="checkbox" name="formCheckbox" required>
</div>
</form>
<button onclick="getRequiredStatus()">Check if form is submittable</button>
<div id="displayDiv"></div>
<script>
function getRequiredStatus(){
var requiredBool = document.getElementById("formCheckbox");
var displayDiv = document.getElementById("displayDiv");
if(requiredBool.required == false || (requiredBool.required == true && requiredBool.checked == true)){
displayDiv.textContent = 'Required attribute of checkbox: '+requiredBool.required + ', form is submittable ';
} else {
displayDiv.textContent = 'Check the checkbox'+ ', current value of required attribute: '+requiredBool.required ;
}
}
</script>
</body>
</html>輸出
將產生以下輸出 −
使用未選中的複選框單擊“檢查表單是否可提交”按鈕 −
使用選中的複選框單擊“檢查表單是否可提交”按鈕 −
更新於： 30-Jul-2019
329 次瀏覽
廣告